/* Outer wrapper */
.arrowD-reviews-slider {
    position: relative;
	overflow: hidden;
	max-width: 1500px;
	margin: 40px auto;
}
@media (max-width: 1550px) {
    .arrowD-reviews-slider {
		max-width: 1300px;
	}
}
@media (max-width: 1360px) {
    .arrowD-reviews-slider {
		max-width: 1100px;
	}
}
@media (max-width: 1130px) {
    .arrowD-reviews-slider {
		max-width: 900px;
	}
}

/* Track now holds multiple visible cards */
.arrowD-reviews-track {
    display: flex;
    gap: 20px;
    transition: transform 0.4s ease;
}

/* Each review card */
.arrowD-review-slide {
    flex: 0 0 calc((100% - 60px) / 4); /* 3 gaps à 20px → total 60px */
    box-sizing: border-box;
    padding: 18px 20px;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
	margin-bottom: 20px;
}

/* Header: avatar + name + meta */
.arrowD-review-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.arrowD-review-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrowD-review-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.arrowD-review-name {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
}

.arrowD-review-meta {
    font-size: 13px;
    color: #6b7280;
    margin-top: 2px;
}

.arrowD-review-stars {
    color: #fbbc04; /* Google star yellow */
    margin-right: 4px;
}

.arrowD-review-dot {
    margin: 0 4px;
    color: #d1d5db;
}

/* Body text */
.arrowD-review-text {
    font-size: 14px;
    line-height: 1.6;
    color: #374151;
    margin-top: 8px;
}

/* "Read more" style if you add it as a link/span */
.arrowD-review-readmore {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    color: #9ca3af;
}

/* Slider arrows */
.arrowD-slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
    opacity: 0.9;
    z-index: 5;
}


.arrowD-slider-btn:hover {
    opacity: 1;
    background: #f9fafb;
}

.arrowD-prev { left: 10px; }
.arrowD-next { right: 10px; }


/* ---------- Responsive columns ---------- */
/* 3 columns on desktop */
@media (max-width: 1130px) {
    .arrowD-review-slide {
		flex: 0 0 calc(33.333% - 14px); 
	}
}
/* Medium screens: 2 columns */
@media (max-width: 1024px) {
    .arrowD-review-slide {
        flex: 0 0 calc(50% - 12px);
    }
}

/* Small screens: 1 column */
@media (max-width: 640px) {
    .arrowD-review-slide {
        flex: 0 0 100%;
    }

    .arrowD-prev { left: 6px; }
    .arrowD-next { right: 6px; }
}