.testimonial-carousel[data-pdf-carousel="true"] canvas {
            display: block;
            width: auto;
            max-width: 100%;
            height: auto;
            box-sizing: border-box;
            border: 1px solid #000;
            margin-bottom: 0;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .pdf-page {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            aspect-ratio: 210 / 297;
            min-height: 320px;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .pdf-loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #505866;
            font-size: 14px;
            line-height: 1.4;
        }

        .testimonial-carousel[data-pdf-carousel="true"] {
            --pdf-turn-duration: 680ms;
            --pdf-turn-ease: cubic-bezier(0.25, 0.8, 0.25, 1);
            max-width: 100%;
            overflow-x: hidden;
            touch-action: pan-y;
        }

        #compro,
        #compro .reviews-content {
            max-width: 100%;
            overflow-x: hidden;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .slick-list {
            perspective: 2200px;
            overflow: hidden;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .slick-track,
        .testimonial-carousel[data-pdf-carousel="true"] .slick-slide {
            transform-style: preserve-3d;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .slick-slide {
            margin: 0;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .single-testimonial-box {
            position: relative;
            isolation: isolate;
            width: 100%;
            max-width: 980px;
            margin: 0 auto;
            padding: 18px;
            padding: clamp(12px, 2vw, 24px);
            box-sizing: border-box;
            background: #fff;
            overflow: hidden;
            border-radius: 6px;
            transform-style: preserve-3d;
            backface-visibility: hidden;
            will-change: transform, filter;
            box-shadow: 0 18px 45px rgba(14, 20, 35, 0.16), 0 2px 8px rgba(14, 20, 35, 0.08);
        }

        .testimonial-carousel[data-pdf-carousel="true"] .single-testimonial-box::before,
        .testimonial-carousel[data-pdf-carousel="true"] .single-testimonial-box::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 2;
            pointer-events: none;
            opacity: 0;
            transition: opacity 180ms ease;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .single-testimonial-box::before {
            background:
                linear-gradient(90deg, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0) 22%),
                linear-gradient(90deg, rgba(20, 25, 35, 0.18), rgba(20, 25, 35, 0) 12%, rgba(255, 255, 255, 0.28) 48%, rgba(20, 25, 35, 0.18));
            mix-blend-mode: multiply;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .single-testimonial-box::after {
            background: radial-gradient(120% 80% at 50% 50%, rgba(255, 255, 255, 0) 42%, rgba(0, 0, 0, 0.16) 100%);
        }

        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-out-next,
        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-in-next,
        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-out-prev,
        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-in-prev {
            animation-duration: var(--pdf-turn-duration);
            animation-timing-function: var(--pdf-turn-ease);
            animation-fill-mode: both;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-out-next::before,
        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-in-next::before,
        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-out-prev::before,
        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-in-prev::before,
        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-out-next::after,
        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-in-next::after,
        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-out-prev::after,
        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-in-prev::after {
            opacity: 1;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-out-next {
            transform-origin: left center;
            animation-name: pdfTurnOutNext;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-in-next {
            transform-origin: right center;
            animation-name: pdfTurnInNext;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-out-prev {
            transform-origin: right center;
            animation-name: pdfTurnOutPrev;
        }

        .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-in-prev {
            transform-origin: left center;
            animation-name: pdfTurnInPrev;
        }

        @keyframes pdfTurnOutNext {
            0% { transform: perspective(2200px) rotateY(0deg) translateZ(0); filter: brightness(1); }
            45% { transform: perspective(2200px) rotateY(-38deg) translateX(-1.4%) translateZ(34px); filter: brightness(0.96); }
            100% { transform: perspective(2200px) rotateY(-64deg) translateX(-3.5%) translateZ(8px); filter: brightness(0.9); }
        }

        @keyframes pdfTurnInNext {
            0% { transform: perspective(2200px) rotateY(64deg) translateX(3.5%) translateZ(8px); filter: brightness(0.9); }
            55% { transform: perspective(2200px) rotateY(16deg) translateX(0.8%) translateZ(34px); filter: brightness(1.02); }
            100% { transform: perspective(2200px) rotateY(0deg) translateZ(0); filter: brightness(1); }
        }

        @keyframes pdfTurnOutPrev {
            0% { transform: perspective(2200px) rotateY(0deg) translateZ(0); filter: brightness(1); }
            45% { transform: perspective(2200px) rotateY(38deg) translateX(1.4%) translateZ(34px); filter: brightness(0.96); }
            100% { transform: perspective(2200px) rotateY(64deg) translateX(3.5%) translateZ(8px); filter: brightness(0.9); }
        }

        @keyframes pdfTurnInPrev {
            0% { transform: perspective(2200px) rotateY(-64deg) translateX(-3.5%) translateZ(8px); filter: brightness(0.9); }
            55% { transform: perspective(2200px) rotateY(-16deg) translateX(-0.8%) translateZ(34px); filter: brightness(1.02); }
            100% { transform: perspective(2200px) rotateY(0deg) translateZ(0); filter: brightness(1); }
        }

        @media (prefers-reduced-motion: reduce) {
            .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-out-next,
            .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-in-next,
            .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-out-prev,
            .testimonial-carousel[data-pdf-carousel="true"] .pdf-turn-in-prev {
                animation: none;
            }
        }

        button {
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }
        .flex1 {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        h2 {
            margin-top: 30px;
            margin-bottom: 20px;
        }
                /* Smartphones (portrait and landscape) ----------- */
        @media only screen and (max-width: 332px) {
            /* CSS khusus untuk smartphone dalam mode potret dan lanskap */
            body {
            }
            canvas {
                width: 229px; 
                height: 324px;
            }
            h2 {
                font-size: 12px;
            }
        }

        /* Smartphones xxx ----------- */
        @media only screen and (min-width: 333px) and (max-width: 399px) {
            /* CSS khusus untuk smartphone dalam mode lanskap */
            body {
            }
            canvas {
                width: 252px; 
                height: 357px;
            }
            h2 {
                font-size: 13px;
            }
        }      
        
        /* Smartphones xxx ----------- */
        @media only screen and (min-width: 400px) and (max-width: 469px) {
            /* CSS khusus untuk smartphone dalam mode lanskap */
            body {
            }
            canvas {
                width: 311px; 
                height: 440px;
            }
            h2 {
                font-size: 13px;
            }
        }      
        
        /* Smartphones xxx ----------- */
        @media only screen and (min-width: 470px) and (max-width: 599px) {
            /* CSS khusus untuk smartphone dalam mode lanskap */
            body {
            }
            canvas {
                width: 379px; 
                height: 537px;
            }
            h2 {
                font-size: 13px;
            }
        }      

        /* Smartphones xxx ----------- */
        @media only screen and (min-width: 600px) and (max-width: 685px) {
            /* CSS khusus untuk smartphone dalam mode lanskap */
            body {
            }
            canvas {
                width: 492px; 
                height: 696px;
            }
            h2 {
                font-size: 13px;
            }
        }        

        /* Smartphones (landscape) ----------- */
        @media only screen and (min-width: 686px) and (max-width: 767px) {
            /* CSS khusus untuk smartphone dalam mode lanskap */
            body {
            }
            canvas {
                /* width: 489px;  */
                /* height: 691px; */

                width: 580px; 
                height: 821px;

            }
            h2 {
                font-size: 13px;
            }
        }

        /* Tablets (portrait) ----------- */
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
            /* CSS khusus untuk tablet dalam mode potret */
            body {
            }
            canvas {
                width: 637px; 
                height: 901px;
            }
            h2 {
                font-size: 17px;
            }
        }

        /* Tablets (landscape) and small laptops ----------- */
        @media only screen and (min-width: 1025px) and (max-width: 1200px) {
            /* CSS khusus untuk tablet dalam mode lanskap dan laptop kecil */
            body {
            }
            canvas {
                width: 764px; 
                height: 1080px;
            }
            h2 {
                font-size: 20px;
            }
        }

        /* Large devices (laptops/desktops) ----------- */
        @media only screen and (min-width: 1201px) {
            /* CSS khusus untuk desktop dan laptop besar */
            body {
            }
            canvas {
                width: 892px; 
                height: 1262px;
            }
            h2 {
                font-size: 24px;
            }
        }