/* ==========================================================================
   Customers Big Card — acf/customers-big-card
   ========================================================================== */

.kftheme-customers-big-card {
    --padding: 50px;
    --border-radius: 20px;
    --logo-scale: 1;
    background: #ffffff;
    border-radius: var(--border-radius);
    box-shadow: 0px 24px 40px 0px #0A0B5A14;
    padding: var(--padding);
    margin-bottom: 60px;

    display: grid;
}

.kftheme-customers-big-card.kftheme-cbc--style-1 {
    grid-template-areas: "logo media" "stats media" "quote media" "cta media";
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;

    overflow: hidden;
}

.kftheme-customers-big-card.kftheme-cbc--style-1 > * {
    position: relative;
    z-index: 1
}

.kftheme-customers-big-card.kftheme-cbc--style-2 {
    grid-template-areas: "logo stats" "quote stats" "cta stats";
    grid-template-columns: 63fr 36fr;
    gap: 40px 120px;

    position: relative;

    color: #FFFFFF;

    width: 100%;

    overflow: hidden;
}

.kftheme-cbc__logo {
    grid-area: logo;
}

.kftheme-cbc__stats {
    grid-area: stats;
}

.kftheme-cbc__quote {
    grid-area: quote;
}

.kftheme-cbc__cta {
    grid-area: cta;
}

.kftheme-cbc__media {
    grid-area: media;
}


.kftheme-cbc--style-2 > * {
    position: relative;
    z-index: 1;
}

.kftheme-cbc--style-2 .kftheme-cbc__media {
    grid-area: 1 / 1 / -1 / -1;
}


/* ── Logo ─────────────────────────────────────────────────────── */

.kftheme-cbc__logo {
}

.kftheme-cbc__logo img {
    width: calc(var(--img-width) * var(--logo-scale));
    height: auto;
    display: block;
    max-width: 100%;
    height: auto;
}

.kftheme-cbc--style-2 .kftheme-cbc__logo {
    margin-bottom: 80px;
}

.kftheme-cbc--style-2 .kftheme-cbc__logo img {
    filter: grayscale(100%) brightness(0) invert(1);
}

/* ── Stats ────────────────────────────────────────────────────── */

.kftheme-cbc--style-1 .kftheme-cbc__stats {
    display: flex;
    gap: 48px;
}

.kftheme-cbc--style-1 .kftheme-cbc__stat {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;

    padding-left: 20px;
}

.kftheme-cbc--style-1 .kftheme-cbc__stat::before {
    content: url('data:image/svg+xml,<svg width="1" height="73" viewBox="0 0 1 73" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.65" d="M0.5 0L0.5 73" stroke="url(%23paint0_linear_8751_594)"/><defs><linearGradient id="paint0_linear_8751_594" x1="1" y1="0" x2="1" y2="73" gradientUnits="userSpaceOnUse"><stop stop-color="%23191919" stop-opacity="0"/><stop offset="0.5" stop-color="%23191919" stop-opacity="0.5"/><stop offset="1" stop-color="%23191919" stop-opacity="0"/></linearGradient></defs></svg>');
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: 1px;
    display: flex;
    align-items: center;
}

.kftheme-cbc__stat-number {
    font-weight: 700;
    font-size: 30px;
    line-height: 90%;
    letter-spacing: -4%;
    color: #191919;
}

.kftheme-cbc__stat-desc {
    font-family: Degular;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #1A1A1A;
}

.kftheme-cbc--style-2 .kftheme-cbc__stats {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 220px;
    align-self: end;
    justify-self: center;

    position: relative;
}

.kftheme-cbc--style-2 .kftheme-cbc__stats::before {
    content: "";
    background-color: #5052FF;
    filter: blur(50px) saturate(1.3);
    position: absolute;
    pointer-events: none;
    height: 100%;
    width: 100%;
    inset: 0;
    scale: 1.25;
}

.page-template-single-gutenberg .kftheme-cbc--style-2 .kftheme-cbc__stats::before {
    background-color: #000000;
    opacity: .75;
}

.kftheme-cbc--style-2 .kftheme-cbc__stat {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;

    padding: 15px;
    border-radius: 10px;

    backdrop-filter: blur(2px) saturate(.9);
    background-color: #ffffff0f;
}

.page-template-single-gutenberg .kftheme-cbc--style-2 .kftheme-cbc__stat {
    background-color: #ffffff21;
}

.kftheme-cbc--style-2 .kftheme-cbc__stat::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(to bottom right, #ffffff 0%, #e0e0e066 62%, #ffffffe3 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: .5;
}

.page-template-single-gutenberg .kftheme-cbc--style-2 .kftheme-cbc__stat::before {
    display: none;
}

.kftheme-cbc--style-2 .kftheme-cbc__stat-number {
    color: #ffffff;
}

.kftheme-cbc--style-2 .kftheme-cbc__stat-desc {
    color: #ffffff;
}

/* ── Quote ────────────────────────────────────────────────────── */

.kftheme-cbc__quote {
    padding: 0;
    margin: 0;
    background: none;
}

.kftheme-cbc__quote-text {
    font-weight: 400;
    font-size: var(--wp--preset--font-size--x-24);
    line-height: 120%;

    margin: 0;
}

.kftheme-cbc__quote-text::before {
    content: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.1862 7.60174e-05C3.99865 -0.00243286 3.81572 0.0572262 3.66699 0.169404C3.66699 0.169404 0 2.91451 0 8.18534V16.3642C0 17.268 0.745833 18 1.66667 18H6.66667C7.5875 18 8.33333 17.268 8.33333 16.3642V9.82112C8.33333 8.91735 7.5875 8.18534 6.66667 8.18534H3.29915C3.27844 6.72903 3.42367 3.61418 4.85189 1.294C4.94045 1.17255 4.99344 1.02962 5.00511 0.880705C5.01678 0.731795 4.98669 0.58259 4.9181 0.449271C4.84952 0.315953 4.74505 0.203609 4.61602 0.124424C4.487 0.0452392 4.33835 0.00223511 4.1862 7.60174e-05ZM15.8529 7.60174e-05C15.6653 -0.00243288 15.4824 0.0572262 15.3337 0.169404C15.3337 0.169404 11.6667 2.91451 11.6667 8.18534V16.3642C11.6667 17.268 12.4125 18 13.3333 18H18.3333C19.2542 18 20 17.268 20 16.3642V9.82112C20 8.91735 19.2542 8.18534 18.3333 8.18534H14.9658C14.9451 6.72903 15.0903 3.61418 16.5186 1.294C16.6071 1.17255 16.6601 1.02962 16.6718 0.880705C16.6835 0.731795 16.6534 0.58259 16.5848 0.449271C16.5162 0.315953 16.4117 0.203609 16.2827 0.124424C16.1537 0.0452392 16.005 0.00223513 15.8529 7.60174e-05Z" fill="url(%23paint0_linear_8751_599)"/><defs><linearGradient id="paint0_linear_8751_599" x1="10" y1="0" x2="10" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="%235F61FF"/><stop offset="1" stop-color="%235F61FF" stop-opacity="0"/></linearGradient></defs></svg>');
    display: block;
}

.kftheme-cbc__quote-text::after {
    content: '”';
}

.kftheme-cbc__quote-footer {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.kftheme-cbc__quote-author {
    font-weight: 500;
    font-size: var(--wp--preset--font-size--x-24);
    line-height: 120%;
    font-style: normal;
    
    color: #191919;

    margin-top: 20px;
}

.kftheme-cbc__quote-position {
    font-family: Degular;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;

    color: #1A1A1A;

    opacity: 0.75;
    margin-top: .3em;
}

.kftheme-cbc--style-2 .kftheme-cbc__quote-text::before {
    content: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.1862 7.60174e-05C3.99865 -0.00243286 3.81572 0.0572262 3.66699 0.169404C3.66699 0.169404 0 2.91451 0 8.18534V16.3642C0 17.268 0.745833 18 1.66667 18H6.66667C7.5875 18 8.33333 17.268 8.33333 16.3642V9.82112C8.33333 8.91735 7.5875 8.18534 6.66667 8.18534H3.29915C3.27844 6.72903 3.42367 3.61418 4.85189 1.294C4.94045 1.17255 4.99344 1.02962 5.00511 0.880705C5.01678 0.731795 4.98669 0.58259 4.9181 0.449271C4.84952 0.315953 4.74505 0.203609 4.61602 0.124424C4.487 0.0452392 4.33835 0.00223511 4.1862 7.60174e-05ZM15.8529 7.60174e-05C15.6653 -0.00243288 15.4824 0.0572262 15.3337 0.169404C15.3337 0.169404 11.6667 2.91451 11.6667 8.18534V16.3642C11.6667 17.268 12.4125 18 13.3333 18H18.3333C19.2542 18 20 17.268 20 16.3642V9.82112C20 8.91735 19.2542 8.18534 18.3333 8.18534H14.9658C14.9451 6.72903 15.0903 3.61418 16.5186 1.294C16.6071 1.17255 16.6601 1.02962 16.6718 0.880705C16.6835 0.731795 16.6534 0.58259 16.5848 0.449271C16.5162 0.315953 16.4117 0.203609 16.2827 0.124424C16.1537 0.0452392 16.005 0.00223513 15.8529 7.60174e-05Z" fill="url(%23paint0_linear_8751_1413)"/><defs><linearGradient id="paint0_linear_8751_1413" x1="10" y1="0" x2="10" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="%2395FFEC"/><stop offset="1" stop-color="%2395FFEC" stop-opacity="0"/></linearGradient></defs></svg>');
}


.kftheme-cbc--style-2 .kftheme-cbc__quote-author {
    color: #ffffff;
}

.kftheme-cbc--style-2 .kftheme-cbc__quote-position {
    color: #ffffff;
}

/* ── CTA button ───────────────────────────────────────────────── */

.kftheme-cbc__cta {
    position: relative;

    display: flex;
    gap: 15px;
    align-items: center;
    position: relative;
}

.kftheme-cbc--style-1 .kftheme-cbc__cta {
    z-index: 0;
}

.kftheme-cbc--style-1 .kftheme-cbc__cta > * {
    z-index: 1;
}

.kftheme-cbc--style-1 .kftheme-cbc__cta::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="640" height="600" viewBox="0 0 640 600" fill="none"><path d="M0 20C0 8.95432 8.95431 0 20 0H640V600H20C8.95431 600 0 591.046 0 580V20Z" fill="white" fill-opacity="0.2"/><path d="M0 20C0 8.95432 8.95431 0 20 0H640V600H20C8.95431 600 0 591.046 0 580V20Z" fill="url(%23paint0_linear_8751_574)"/><g opacity="0.4"><g filter="url(%23filter1_n_8751_574)"><rect x="333" y="378" width="106" height="156" fill="url(%23paint1_linear_8751_574)"/></g><g filter="url(%23filter2_n_8751_574)"><rect x="453" y="444" width="106" height="156" fill="url(%23paint2_linear_8751_574)"/></g><g filter="url(%23filter3_n_8751_574)"><rect x="471" y="199" width="106" height="323" fill="url(%23paint3_linear_8751_574)"/></g><g filter="url(%23filter4_n_8751_574)"><rect width="106" height="223" transform="matrix(1 0 0 -1 386 492)" fill="url(%23paint4_linear_8751_574)"/></g><g filter="url(%23filter5_n_8751_574)"><rect width="106" height="234" transform="matrix(1 0 0 -1 534 570)" fill="url(%23paint5_linear_8751_574)"/></g></g><defs><filter id="filter1_n_8751_574" x="333" y="378" width="106" height="156" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feTurbulence type="fractalNoise" baseFrequency="1.25 1.25" stitchTiles="stitch" numOctaves="3" result="noise" seed="4773"/><feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/><feComponentTransfer in="alphaNoise" result="coloredNoise1"><feFuncA type="discrete" tableValues="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/></feComponentTransfer><feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped"/><feFlood flood-color="rgba(255, 255, 255, 0.25)" result="color1Flood"/><feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1"/><feMerge result="effect1_noise_8751_574"><feMergeNode in="shape"/><feMergeNode in="color1"/></feMerge></filter><filter id="filter2_n_8751_574" x="453" y="444" width="106" height="156" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feTurbulence type="fractalNoise" baseFrequency="1.25 1.25" stitchTiles="stitch" numOctaves="3" result="noise" seed="4773"/><feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/><feComponentTransfer in="alphaNoise" result="coloredNoise1"><feFuncA type="discrete" tableValues="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/></feComponentTransfer><feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped"/><feFlood flood-color="rgba(255, 255, 255, 0.25)" result="color1Flood"/><feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1"/><feMerge result="effect1_noise_8751_574"><feMergeNode in="shape"/><feMergeNode in="color1"/></feMerge></filter><filter id="filter3_n_8751_574" x="471" y="199" width="106" height="323" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feTurbulence type="fractalNoise" baseFrequency="1.25 1.25" stitchTiles="stitch" numOctaves="3" result="noise" seed="4773"/><feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/><feComponentTransfer in="alphaNoise" result="coloredNoise1"><feFuncA type="discrete" tableValues="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/></feComponentTransfer><feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped"/><feFlood flood-color="rgba(255, 255, 255, 0.25)" result="color1Flood"/><feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1"/><feMerge result="effect1_noise_8751_574"><feMergeNode in="shape"/><feMergeNode in="color1"/></feMerge></filter><filter id="filter4_n_8751_574" x="386" y="269" width="106" height="223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feTurbulence type="fractalNoise" baseFrequency="1.25 1.25" stitchTiles="stitch" numOctaves="3" result="noise" seed="4773"/><feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/><feComponentTransfer in="alphaNoise" result="coloredNoise1"><feFuncA type="discrete" tableValues="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/></feComponentTransfer><feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped"/><feFlood flood-color="rgba(255, 255, 255, 0.25)" result="color1Flood"/><feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1"/><feMerge result="effect1_noise_8751_574"><feMergeNode in="shape"/><feMergeNode in="color1"/></feMerge></filter><filter id="filter5_n_8751_574" x="534" y="336" width="106" height="234" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feTurbulence type="fractalNoise" baseFrequency="1.25 1.25" stitchTiles="stitch" numOctaves="3" result="noise" seed="4773"/><feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/><feComponentTransfer in="alphaNoise" result="coloredNoise1"><feFuncA type="discrete" tableValues="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/></feComponentTransfer><feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped"/><feFlood flood-color="rgba(255, 255, 255, 0.25)" result="color1Flood"/><feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1"/><feMerge result="effect1_noise_8751_574"><feMergeNode in="shape"/><feMergeNode in="color1"/></feMerge></filter><linearGradient id="paint0_linear_8751_574" x1="0" y1="0" x2="723.827" y2="471.242" gradientUnits="userSpaceOnUse"><stop offset="0.547787" stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="%235F61FF"/></linearGradient><linearGradient id="paint1_linear_8751_574" x1="386" y1="378" x2="386" y2="534" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_8751_574" x1="506" y1="444" x2="506" y2="600" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint3_linear_8751_574" x1="524" y1="199" x2="524" y2="522" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint4_linear_8751_574" x1="53" y1="0" x2="53" y2="223" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint5_linear_8751_574" x1="53" y1="0" x2="53" y2="234" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint6_linear_8751_574" x1="50.5" y1="120" x2="50.5" y2="193" gradientUnits="userSpaceOnUse"><stop stop-color="%23191919" stop-opacity="0"/><stop offset="0.5" stop-color="%23191919" stop-opacity="0.5"/><stop offset="1" stop-color="%23191919" stop-opacity="0"/></linearGradient><linearGradient id="paint7_linear_8751_574" x1="330.5" y1="120" x2="330.5" y2="193" gradientUnits="userSpaceOnUse"><stop stop-color="%23191919" stop-opacity="0"/><stop offset="0.5" stop-color="%23191919" stop-opacity="0.5"/><stop offset="1" stop-color="%23191919" stop-opacity="0"/></linearGradient><linearGradient id="paint8_linear_8751_574" x1="60" y1="213" x2="60" y2="231" gradientUnits="userSpaceOnUse"><stop stop-color="%235F61FF"/><stop offset="1" stop-color="%235F61FF" stop-opacity="0"/></linearGradient></defs></svg>');
    position: absolute;
    z-index: 0;
    right: -20px;
    bottom: calc(var(--padding) * -1 - 5px);
    pointer-events: none;
}

.wp-block-acf-kf-button {
    font-family: Degular;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;

    margin-top: 16px;

    display: inline-block;
    padding: 18px 24px;
    text-decoration: none;
    border-radius: 49px;
}

.wp-block-acf-kf-button.is-style-outline {
    border: 1px solid #191919;
    color: #191919;

    transition: background 0.2s ease, color 0.2s ease;
}

.kftheme-cbc__cta .kf-button__text svg {
    width: 21px;
    height: 21px;
    margin: -4px -8px;
    transform: translateX(2px);
}

.kftheme-cbc--style-2 .kftheme-cbc__cta .wp-block-acf-kf-button {
    margin: 0;
}

.page-template-single-gutenberg .kftheme-cbc--style-1 .wp-block-acf-kf-button,
.page-template-single-gutenberg .kftheme-cbc--style-1 .wp-block-acf-kf-button a {
    transition: all 0.2s ease;
    cursor: pointer;
}

.page-template-single-gutenberg .kftheme-cbc--style-1 .wp-block-acf-kf-button:hover,
.page-template-single-gutenberg .kftheme-cbc--style-1 .wp-block-acf-kf-button:active {
    color: #ffffff;
    background-color: #5f61ff;
    border-color: #5f61ff;
}

/* ── Media / video ────────────────────────────────────────────── */

.kftheme-cbc--style-1 .kftheme-cbc__media {
    overflow: hidden;
    margin-top: calc(var(--padding) * -1);
    margin-bottom: calc(var(--padding) * -1);
    margin-right: calc(var(--padding) * -1);

    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);

    position: relative;
}

.kftheme-cbc--style-1 .kftheme-cbc__media::before {
    content: url('data:image/svg+xml,<svg width="480" height="451" viewBox="0 0 480 451" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_8751_608)"><ellipse cx="8.5" cy="33.5" rx="221.5" ry="167.5" fill="%235F61FF"/></g><defs><filter id="filter0_f_8751_608" x="-463" y="-384" width="943" height="835" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="125" result="effect1_foregroundBlur_8751_608"/></filter></defs></svg>');
    position: absolute;
    top: -2%;
    left: -6%;
    z-index: 1;
    pointer-events: none;
}

.kftheme-cbc--style-1 .kftheme-cbc__media::after {
    content: url('data:image/svg+xml,<svg width="516" height="600" viewBox="0 0 516 600" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_8751_609)"><path d="M744.533 624C744.533 757.101 518.787 774.5 336.533 774.5C154.279 774.5 316.533 624.601 316.533 491.5C316.533 358.399 274.779 250 457.033 250C639.287 250 744.533 490.899 744.533 624Z" fill="%2395FFEC"/></g><defs><filter id="filter0_f_8751_609" x="0" y="0" width="994.533" height="1024.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="125" result="effect1_foregroundBlur_8751_609"/></filter></defs></svg>');
    position: absolute;
    bottom: -2%;
    right: -6%;
    z-index: 1;
    pointer-events: none;
}

.kftheme-cbc--style-1 .kftheme-cbc__play-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    /* transform: translate(-50%, -50%); */
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    transition: transform 0.2s ease, opacity 0.2s ease;

    z-index: 10;
}


.kftheme-cbc--style-2 .kftheme-cbc__media {
    overflow: hidden;
    margin: calc(var(--padding) * -1);

    border-radius: var(--border-radius);

    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.kftheme-cbc--style-2 .kftheme-cbc__media-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;

    border-radius: 50%;
    /* background: #191919; */
    /* filter: blur(120px); */
    left: -70%;
    top: -10%;
    bottom: -20%;
    transform: rotate(-18deg);

    background: radial-gradient(    ellipse at center,     rgba(25, 25, 25, 1) 0%,     rgba(25, 25, 25, 0.8) 30%,     rgba(25, 25, 25, 0) 70%  );
}

.kftheme-cbc--style-1 .kftheme-cbc__play-btn:hover,
.kftheme-cbc--style-1 .kftheme-cbc__play-btn:focus-visible {
    /* transform: translate(-50%, -50%) scale(1.12); */
}

.kftheme-cbc__media-inner {
    position: relative;
    background: #000000;

    height: 100%;
    width: 100%;
}

.kftheme-cbc__media-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── Editor placeholder ──────────────────────────────────────── */

.kftheme-cbc-placeholder {
    padding: 48px 24px;
    background: #f5f5f5;
    text-align: center;
    border: 2px dashed #cccccc;
    border-radius: 8px;
    color: #666666;
    font-size: 15px;
}

/* ── Responsive ───────────────────────────────────────────────── */

@media (max-width: 767px) {
    .kftheme-customers-big-card.kftheme-cbc--style-1,
    .kftheme-customers-big-card.kftheme-cbc--style-2 {
        --padding: 25px;
        --border-radius: 20px;
        --logo-scale: .7;

        gap: 10px;

        grid-template-areas: "media" "logo" "stats" "quote" "cta";
        grid-template-columns: 1fr;
    }

    .kftheme-cbc--style-2 .kftheme-cbc__logo {
        margin: 328px 0 0 0;
    }

    .kftheme-cbc--style-1 .kftheme-cbc__logo img,
    .kftheme-cbc--style-2 .kftheme-cbc__logo img {
        margin-left: auto;
        margin-right: auto;
    }

    .kftheme-cbc--style-1 .kftheme-cbc__media-inner,
    .kftheme-cbc--style-2 .kftheme-cbc__media-inner {
        height: 328px;
    }

    .kftheme-cbc--style-2 .kftheme-cbc__media-inner::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, #1A1A1A00 40%, #1A1A1A 100%);
    }

    .kftheme-cbc--style-1 .kftheme-cbc__media{
        overflow: hidden;
        margin: 0;
        margin-top: calc(var(--padding) * -1);
        margin-left: calc(var(--padding) * -1);
        margin-right: calc(var(--padding) * -1);
 
        border-radius: 0;
    
        border-top-right-radius: var(--border-radius);
        border-top-left-radius: var(--border-radius);

        border: 2px solid rgba(255, 255, 255, .6);
    }

    .kftheme-cbc--style-2 .kftheme-cbc__media {
        overflow: hidden;
        margin: 0;
        margin: calc(var(--padding) * -1);
 
        border-radius: var(--border-radius);
        
        border: none;

        background-color: #1A1A1A;
    }

    .kftheme-cbc--style-2 .kftheme-cbc__media-bg {
        display: none;
    }


    .kftheme-cbc--style-1 .kftheme-cbc__media::before,
    .kftheme-cbc--style-2 .kftheme-cbc__media::before {
        display: none;
    }

    .kftheme-cbc--style-1 .kftheme-cbc__media::after,
    .kftheme-cbc--style-2 .kftheme-cbc__media::after {
        transform: scale(.5);
        transform-origin: right bottom;
    }

    .kftheme-cbc__play-btn {
        bottom: 16px;
        right: 16px;
    }

    .kftheme-cbc__play-btn svg {
        width: 48px;
        height: 48px;
    }

    .kftheme-cbc--style-1 .kftheme-cbc__stats,
    .kftheme-cbc--style-2 .kftheme-cbc__stats {
        display: flex;
        flex-direction: row;
        gap: 40px;
    }

    .kftheme-cbc--style-2 .kftheme-cbc__stats {
     
        /* padding: 15px; */
        border-radius: 10px;
    
        backdrop-filter: blur(2px) saturate(.9);
        background-color: #ffffff0f;

        max-width: none;
    }
    
    .kftheme-cbc--style-2 .kftheme-cbc__stats::after {
        content: '';
        position: absolute;
        z-index: -1;
        inset: 0px;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient(to bottom right, #ffffff 0%, #e0e0e066 62%, #ffffffe3 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        opacity: .5;
    }

    .page-template-single-gutenberg .kftheme-cbc--style-2 .kftheme-cbc__stats::after {
        display: none;
    }

    .kftheme-cbc--style-1 .kftheme-cbc__stat,
    .kftheme-cbc--style-2 .kftheme-cbc__stat {
        padding: 0;
        flex: 1;
        gap: 10px;
        align-items: center;
        text-align: center;
        backdrop-filter: none;
        background-color: transparent;
    }

    .kftheme-cbc--style-2 .kftheme-cbc__stat {
        padding: 15px;
    }

    .kftheme-cbc--style-1 .kftheme-cbc__stat::before {
        left: -20px;
    }

    .kftheme-cbc--style-1 .kftheme-cbc__stat:first-child::before {
        display: none;
    }

    .kftheme-cbc--style-2 .kftheme-cbc__stat::before {
        display: none;
    }

    .kftheme-cbc--style-2 .kftheme-cbc__stat:not(:first-child)::after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -20px;
        content: url('data:image/svg+xml,<svg width="1" height="65" viewBox="0 0 1 65" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.65" d="M0.5 0L0.5 65" stroke="url(%23paint0_linear_8966_2299)"/><defs><linearGradient id="paint0_linear_8966_2299" x1="1" y1="0" x2="1" y2="65" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="0.5" stop-color="white" stop-opacity="0.5"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
        pointer-events: none;
    }

    .kftheme-cbc__stat-number {
        font-size: 30px;
    }

    .kftheme-cbc__stat-desc {
        font-size: 14px;
    }

    .kftheme-cbc__quote-text::before {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        transform: scale(.6);
    }

    .kftheme-cbc__quote-text {
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        text-align: center;
    }
    
    
    .kftheme-cbc__quote-author {
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        text-align: center;        
    }

    .kftheme-cbc__quote-position {
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
        text-align: center;
    }

    .kftheme-cbc__cta {
        display: flex;
        justify-content: center;

        margin-top: 20px;
    }

    .kftheme-cbc__button {
        text-align: center;
    }

    .kftheme-cbc--style-1 .kftheme-cbc__cta::after {
        display: none;
    }
}