WHAT OUR CUSTOMERS SAY
Trusted by Our Customers
We believe in quality, trust, and long-term relationships.
Discover what our customers value about working with us.
Professional communication and attention to product
quality are essential for a successful business
relationship. This is the standard we look for in
a reliable supplier.
RK
Rajesh Kumar
Import Business
✓
Clear communication, consistent standards, and
dependable coordination make a real difference
when developing a long-term international
supply relationship.
PS
Priya Sharma
Trade Consultant
✓
A strong supplier relationship depends on
transparency, product specifications, and timely
updates. These are important qualities when
sourcing spices for international markets.
AM
Arjun Mehta
Wholesale Buyer
✓
Detailed product information and clear expectations
help buyers make informed sourcing decisions.
Good communication is a valuable part of every
successful trade partnership.
VS
Vikram Singh
Spice Distributor
✓
Reliable coordination and accurate documentation
are important in international trade. A professional
approach helps make the entire sourcing process
more organized and efficient.
AG
Amit Gupta
Export Industry
✓
Product consistency, responsive communication,
and a focus on buyer requirements are valuable
qualities for businesses looking to build
lasting supply partnerships.
NK
Neha Kapoor
Procurement Professional
✓
Explore more testimonials using the arrows
/* ===== SECTION ===== */
.asn-testimonials,
.asn-testimonials * {
box-sizing: border-box;
}
.asn-testimonials {
--asn-cream: #F5F0E6;
--asn-white: #FFFDF8;
--asn-maroon: #6B2D24;
--asn-gold: #D4A84F;
--asn-text: #292B23;
--asn-muted: #716D63;
width: 100%;
padding: 85px 20px;
overflow: hidden;
background:
radial-gradient(
circle at 5% 5%,
rgba(212, 168, 79, 0.12),
transparent 32%
),
var(--asn-cream);
color: var(--asn-text);
font-family: "Lato", Arial, sans-serif;
}
.asn-testimonials-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
/* ===== HEADING ===== */
.asn-testimonials-heading {
max-width: 720px;
margin: 0 auto 45px;
text-align: center;
}
.asn-testimonials-eyebrow {
display: inline-block;
margin-bottom: 14px;
color: var(--asn-maroon);
font-size: 11px;
font-weight: 800;
letter-spacing: 3px;
}
.asn-testimonials-heading h2 {
margin: 0 0 16px;
color: var(--asn-text);
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(30px, 4vw, 48px);
font-weight: 700;
line-height: 1.2;
}
.asn-testimonials-heading h2 span {
color: var(--asn-maroon);
}
.asn-testimonials-heading p {
max-width: 600px;
margin: 0 auto;
color: var(--asn-muted);
font-size: 15px;
line-height: 1.85;
}
.asn-heading-line {
width: 65px;
height: 3px;
margin: 23px auto 0;
border-radius: 10px;
background: var(--asn-gold);
}
/* ===== SLIDER ===== */
.asn-slider {
width: 100%;
}
.asn-slider-viewport {
width: 100%;
overflow: hidden;
padding: 5px 3px 20px;
}
.asn-slider-track {
display: flex;
align-items: stretch;
gap: 24px;
width: 100%;
transition: transform 0.55s cubic-bezier(.22, .8, .25, 1);
will-change: transform;
}
/* 3 cards on desktop */
.asn-testimonial-card {
position: relative;
display: flex;
flex: 0 0 calc((100% - 48px) / 3);
flex-direction: column;
min-width: 0;
padding: 30px 25px 25px;
overflow: hidden;
border: 1px solid rgba(107, 45, 36, 0.10);
border-radius: 18px;
background: var(--asn-white);
box-shadow: 0 8px 25px rgba(50, 35, 20, 0.045);
transition:
box-shadow 0.3s ease,
border-color 0.3s ease,
transform 0.3s ease;
}
.asn-testimonial-card::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(
90deg,
var(--asn-maroon),
var(--asn-gold)
);
content: "";
}
.asn-testimonial-card:hover {
transform: translateY(-5px);
border-color: rgba(212, 168, 79, 0.65);
box-shadow: 0 15px 35px rgba(50, 35, 20, 0.10);
}
.asn-card-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 18px;
}
.asn-quote-mark {
height: 43px;
color: var(--asn-gold);
font-family: Georgia, serif;
font-size: 65px;
line-height: 1;
}
.asn-stars {
color: #C7972E;
font-size: 14px;
letter-spacing: 2px;
white-space: nowrap;
}
.asn-review {
flex: 1;
margin: 0 0 24px;
color: #5F5B53;
font-size: 14px;
line-height: 1.9;
overflow-wrap: anywhere;
}
.asn-card-divider {
width: 100%;
height: 1px;
margin-bottom: 20px;
background: #EDE5D8;
}
.asn-customer {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.asn-avatar {
display: flex;
flex: 0 0 44px;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid rgba(212, 168, 79, 0.6);
border-radius: 50%;
background: #F1E4CC;
color: var(--asn-maroon);
font-size: 13px;
font-weight: 800;
}
.asn-customer-info {
flex: 1;
min-width: 0;
}
.asn-customer-info h3 {
margin: 0 0 5px;
color: var(--asn-maroon);
font-size: 14px;
font-weight: 800;
overflow-wrap: anywhere;
}
.asn-customer-info span {
display: block;
color: var(--asn-muted);
font-size: 11px;
line-height: 1.5;
}
.asn-verified {
display: flex;
flex: 0 0 22px;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: #E8F0DF;
color: #486A36;
font-size: 12px;
font-weight: 800;
}
/* ===== ARROWS + DOTS ===== */
.asn-slider-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 22px;
margin-top: 15px;
}
.asn-arrow {
display: flex;
flex: 0 0 44px;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid rgba(107, 45, 36, 0.22);
border-radius: 50%;
background: var(--asn-white);
color: var(--asn-maroon);
cursor: pointer;
box-shadow: 0 4px 12px rgba(50, 35, 20, 0.06);
transition:
background 0.25s ease,
color 0.25s ease,
border-color 0.25s ease,
transform 0.25s ease;
}
.asn-arrow svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.asn-arrow:not(:disabled):hover {
transform: scale(1.06);
border-color: var(--asn-maroon);
background: var(--asn-maroon);
color: #FFFFFF;
}
.asn-arrow:disabled {
opacity: 0.35;
cursor: not-allowed;
box-shadow: none;
}
.asn-arrow:focus-visible,
.asn-slider-dot:focus-visible {
outline: 3px solid var(--asn-gold);
outline-offset: 4px;
}
.asn-slider-dots {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 9px;
max-width: 250px;
}
.asn-slider-dot {
display: block;
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 20px;
background: #D7CDBB;
cursor: pointer;
transition:
width 0.3s ease,
background 0.3s ease;
}
.asn-slider-dot.is-active {
width: 25px;
background: var(--asn-maroon);
}
.asn-slider-hint {
margin: 15px 0 0;
color: var(--asn-muted);
font-size: 12px;
text-align: center;
}
/* ===== TABLET: 2 CARDS ===== */
@media (min-width: 601px) and (max-width: 900px) {
.asn-testimonials {
padding: 70px 22px;
}
.asn-slider-track {
gap: 18px;
}
.asn-testimonial-card {
flex-basis: calc((100% - 18px) / 2);
padding: 25px 20px 22px;
}
.asn-review {
font-size: 13px;
}
}
/* ===== MOBILE: 1 CARD ===== */
@media (max-width: 600px) {
.asn-testimonials {
padding: 55px 15px;
}
.asn-testimonials-heading {
margin-bottom: 30px;
}
.asn-testimonials-eyebrow {
font-size: 10px;
letter-spacing: 2px;
}
.asn-testimonials-heading h2 {
font-size: 31px;
}
.asn-testimonials-heading p {
font-size: 13px;
line-height: 1.8;
}
.asn-slider-track {
gap: 0;
}
.asn-testimonial-card {
flex-basis: 100%;
padding: 27px 23px 23px;
border-radius: 15px;
}
.asn-review {
font-size: 14px;
line-height: 1.85;
}
.asn-slider-controls {
gap: 17px;
margin-top: 8px;
}
.asn-arrow {
flex-basis: 40px;
width: 40px;
height: 40px;
}
.asn-slider-dots {
gap: 7px;
}
.asn-slider-dot {
width: 7px;
height: 7px;
}
.asn-slider-dot.is-active {
width: 21px;
}
}
/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
.asn-slider-track,
.asn-testimonial-card,
.asn-arrow,
.asn-slider-dot {
transition: none !important;
}
}
(function () {
function initASNTestimonials() {
document.querySelectorAll("#asn-testimonials").forEach(function (section) {
if (section.dataset.asnInitialized === "true") return;
section.dataset.asnInitialized = "true";
var viewport = section.querySelector(".asn-slider-viewport");
var track = section.querySelector(".asn-slider-track");
var cards = Array.from(
section.querySelectorAll(".asn-testimonial-card")
);
var prevButton = section.querySelector(".asn-prev");
var nextButton = section.querySelector(".asn-next");
var dotsContainer = section.querySelector(".asn-slider-dots");
if (!viewport || !track || cards.length === 0) return;
var currentIndex = 0;
var visibleCards = 3;
var maxIndex = 0;
var resizeTimer;
function getVisibleCards() {
if (window.innerWidth <= 600) return 1;
if (window.innerWidth <= 900) return 2;
return 3;
}
function getGap() {
var styles = window.getComputedStyle(track);
return parseFloat(styles.columnGap || styles.gap) || 0;
}
function getMaxIndex() {
return Math.max(0, cards.length - visibleCards);
}
function getCardStep() {
if (!cards[0]) return 0;
return cards[0].getBoundingClientRect().width + getGap();
}
function buildDots() {
dotsContainer.innerHTML = "";
for (var i = 0; i 0) {
currentIndex--;
updateSlider();
}
});
nextButton.addEventListener("click", function () {
if (currentIndex < maxIndex) {
currentIndex++;
updateSlider();
}
});
/* Swipe support for touchscreens */
var touchStartX = 0;
var touchStartY = 0;
viewport.addEventListener("touchstart", function (event) {
if (!event.touches.length) return;
touchStartX = event.touches[0].clientX;
touchStartY = event.touches[0].clientY;
}, { passive: true });
viewport.addEventListener("touchend", function (event) {
if (!event.changedTouches.length) return;
var deltaX = event.changedTouches[0].clientX - touchStartX;
var deltaY = event.changedTouches[0].clientY - touchStartY;
if (Math.abs(deltaX) < 45 || Math.abs(deltaX) < Math.abs(deltaY)) {
return;
}
if (deltaX < 0 && currentIndex 0 && currentIndex > 0) {
currentIndex--;
updateSlider();
}
}, { passive: true });
window.addEventListener("resize", function () {
window.clearTimeout(resizeTimer);
resizeTimer = window.setTimeout(refreshSlider, 100);
});
visibleCards = getVisibleCards();
maxIndex = getMaxIndex();
buildDots();
updateSlider();
});
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", initASNTestimonials);
} else {
initASNTestimonials();
}
})();