.reviews-rails {
    position: relative;
    width: 100%;
    user-select: none;
    z-index: 2;
}

.advx-reviews-slider {
    position: relative;
    overflow: hidden;
    padding-top: 25px;
}

.splide__track {
    padding: 1.5rem 1rem 2rem;
}

.splide__list {
    display: flex;
    gap: 1rem;
}

.splide__slide {
    flex: 0 0 auto;
}

.reviews-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    max-width: 360px;
    border-radius: 1rem;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    padding: 1.75rem;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.08);
    will-change: transform;
    overflow: hidden;
}

.review-card__badge {
    /* position: absolute; */
    /* top: 1rem; */
    /* right: 1rem; */
    width: 42px;
    height: 42px;
    /* border-radius: 999px; */
    /* background: rgba(255, 255, 255, 0.9); */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;








    & svg {
        width: 85%;
        height: auto;
    }
}

.review-card__badge-icon {
    width: 22px;
    height: 22px;
    opacity: 0.5;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.review-card__badge-icon--facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233b5998' d='M22.675 0H1.325C0.593 0 0 0.593 0 1.326v21.348C0 23.407 0.593 24 1.325 24H12.82v-9.294H9.692V11.31h3.128V8.413c0-3.1 1.893-4.788 4.657-4.788 1.325 0 2.462 0.099 2.794 0.144v3.24l-1.918 0.001c-1.504 0-1.795 0.715-1.795 1.763v2.312h3.587l-0.467 3.396h-3.12V24h6.116C23.407 24 24 23.407 24 22.674V1.326C24 0.593 23.407 0 22.675 0z'/%3E%3C/svg%3E");
}

.review-card__badge-icon--google {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.24 1.52 8.12 2.78l6.04-6.04C34.7 3.1 29.65 1 24 1 14.86 1 7.18 6.54 3.7 14.1l7.18 5.57C12.96 14.1 18.93 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.8 24.1c0-1.44-0.13-2.83-0.38-4.18H24v8.05h12.78c-0.55 2.98-2.19 5.51-4.65 7.22l7.18 5.57C44.54 36.47 46.8 30.74 46.8 24.1z'/%3E%3Cpath fill='%23FBBC05' d='M10.88 28.35c-0.43-1.28-0.68-2.64-0.68-4.05 0-1.41 0.24-2.77 0.68-4.05L3.7 14.1C1.34 17.8 0 21.82 0 24c0 2.18 1.34 6.2 3.7 9.9l7.18-5.55z'/%3E%3Cpath fill='%2343A047' d='M24 47c6.45 0 11.87-2.13 15.83-5.8l-7.72-6c-2.16 1.45-4.94 2.31-8.11 2.31-5.07 0-11.04-4.6-12.12-10.85l-7.18 5.57C7.18 41.46 14.86 47 24 47z'/%3E%3C/svg%3E");
}

.review-card__header-main {
    display: flex;
    align-items: center;
    gap: 8px;
}

.review-card__header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    justify-content: space-between;
}

.review-card__body {
    position: relative;
}

.review-card__body--collapsed {
    max-height: 100px;
    overflow: hidden;
    position: relative;
    padding-bottom: 2.5rem;
}

.review-card__body--collapsed::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 75%);
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.review-card__body--collapsed.expanded {
    max-height: none;
}

.review-card__body--collapsed.expanded::after {
    opacity: 0;
}

.review-card__read-more {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0.6rem 0;
    text-align: center;
    border-radius: 0 0 1rem 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 75%);
    border: none;
    color: var(--reviews-button-color, #1d4ed8);
    cursor: pointer;
    font-weight: 600;
    z-index: 5;
}

.review-card__read-more:focus-visible {
    outline: 2px solid rgba(59, 130, 246, 0.6);
    outline-offset: 2px;
}

.reviewer-info {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.reviewer-img {
    border-radius: 9999px !important;
    background: linear-gradient(45deg, var(--e-global-color-accent), transparent);
    padding: 2px;
    height: 45px;
    width: 45px;
}

.reviewer-details {
    display: flex;
    flex-direction: column;
}

.reviewer-name {
    font-size: 1.125rem;
    /* text-lg */
    font-weight: bold;
}

.gradient-left,
.gradient-right {
    position: absolute;
    top: 0;
    height: 100%;
    width: 8.333%;
    /* 1/12 */
}

.gradient-left {
    left: 0;
    background: linear-gradient(to right, var(--reviewsOverlay), transparent);
}

.gradient-right {
    right: 0;
    background: linear-gradient(to left, var(--reviewsOverlay), transparent);
}

.reviews-content {
    animation: scroll 80s linear infinite;
}

.reviewer-details p {
    margin: 0;
}

.reviewer-subtitle {
    font-size: 13px !important;
    color: gray;
    font-weight: bold;
}

.reviewer-name {
    font-weight: bold !important;
}

.reviews-stars {
    color: #FFD736;
    display: flex;
    margin-left: -5px;
    gap: 0px;
}

.reviews-stars i {
    height: 25px;
    width: 25px;
    display: block;
}

.reviews-stars i svg {
    width: 100%;
    height: auto;
    display: block;
}


@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-100% - 1rem));
    }
}

@keyframes spinInPos {
    0% {
        transform: scale(1) rotate(0) translateX(-50%);
    }

    100% {
        transform: scale(1.05) rotate(50deg) translateX(-50%);
    }
}

.spinInPos {
    transform-origin: center center;
    animation-iteration-count: infinite;
    animation-name: spinInPos;
    animation-duration: 2s;
    animation-direction: alternate;
}

/* Slider Arrows */
.advx-reviews-arrow {
    /* position: absolute; */
    /* bottom: -3%; */
    /* border-radius: 5px !important; */
    /* transform: translateY(-50%); */
    width: 40px;
    height: 40px;
    /* border-radius: 999px; */
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
    z-index: 10;
    color: white;
}

.advx-reviews-arrow:hover,
.advx-reviews-arrow:focus-visible {
    background: var(--e-global-color-e738942);
}

.advx-reviews-arrow--prev {
    /* left: 50%; */
    border-right: 1px solid #eee;
}

.advx-reviews-arrow--next {
    right: 50%;
}

.advx-reviews-arrow svg {
    width: 20px;
    height: 20px;
}

.decorative-overlay {
    position: absolute;
    bottom: -0.25rem;
    /* -bottom-1 */
    left: 0;
    height: 33.3333%;
    /* h-1/3 */
    width: 100%;
    opacity: 0.1;
}

.decorative-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.decorative-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, transparent, white);
}

.splide__arrows {
    position: absolute;
    top: 0%;
    display: flex;
    width: 100%;
    z-index: 10;
    justify-content: center;





    & .inner {
        gap: 13px;
        display: flex;
        background-color: #ff0000;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 9px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
        border: 1px solid rgb(231 231 231 / 90%);
        background: rgba(255, 255, 255, 0.9);
        align-items: center;
        overflow: hidden;
    }
}