Review Slider CSS

/* --- Custom CSS for Review Cards --- */
        .review-card-design {
            background-color: #ffffff;
            border: 2px solid #eef2f6;
            border-radius: 26px;
            padding: 30px;
            box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.07);
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease-in-out;
            position: relative;
            z-index: 1;
        }
        .review-card-design img {
          width:46px;
          height:46px;
        }

        .review-card-design:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px -15px rgba(40, 98, 255, 0.2);
            border-color: transparent;
        }

        .review-card-design:hover::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 26px;
            padding: 2px;
            background: linear-gradient(180deg, rgba(40, 98, 255, 0.7), rgba(40, 98, 255, 0.4), rgba(40, 98, 255, 0.2), rgba(40, 98, 255, 0.4), rgba(40, 98, 255, 0.7));
            -webkit-mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
        }

        .review-text{flex-grow:1;font-size:16px;color:#334155;line-height:1.7;margin:0 0 24px 0}.review-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.review-author-info{display:flex;align-items:center;gap:16px}.review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-details{display:flex;flex-direction:column}.review-author-name{font-weight:600;color:#1e293b;font-size:16px}.review-date{font-size:14px;color:#64748b}.review-rating-box{background-color:#f0f5ff;border-radius:12px;padding:8px 16px;display:flex;align-items:center;gap:8px;border:1px solid #d9e6ff}.rating-value{font-weight:bold;font-size:16px;color:#0052ff}.rating-star{color:#0052ff;font-size:20px;line-height:1}

        /* --- Custom CSS for Slider Structure & Gradient Fade --- */
        .review-river-wrapper {
            position: relative;
          overflow: hidden;
          padding-top: 32px;
          padding-bottom: 32px;
        }

        .review-river-wrapper::before,
        .review-river-wrapper::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            width: 150px;
            z-index: 2;
            pointer-events: none;
        }

        .review-river-wrapper::before {
            left: 0;
            background: linear-gradient(to right, #ffffff 20%, transparent);
        }

        .review-river-wrapper::after {
            right: 0;
            background: linear-gradient(to left, #ffffff 20%, transparent);
        }

        @media (max-width: 767px) {
            .review-river-wrapper::before,
            .review-river-wrapper::after {
                width: 60px;
            }
        }

        #top-row-slider {
            margin-bottom: 8px;
        }

        .splide__arrows, .splide__pagination {
            display: none;
        }

        .splide__track {
            padding-top: 10px;
            padding-bottom: 10px;
            overflow: visible;
        }