.ask-testimonials {
width: 100%;
box-sizing: border-box;
position: relative;
}
.ask-testimonials * { box-sizing: border-box; }
.ask-grid-items {
display: grid;
gap: 20px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ask-grid-desktop-1 .ask-grid-items { grid-template-columns: repeat(1, minmax(0,1fr)); }
.ask-grid-desktop-2 .ask-grid-items { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ask-grid-desktop-3 .ask-grid-items { grid-template-columns: repeat(3, minmax(0,1fr)); }
.ask-grid-desktop-4 .ask-grid-items { grid-template-columns: repeat(4, minmax(0,1fr)); }
.ask-grid-desktop-5 .ask-grid-items { grid-template-columns: repeat(5, minmax(0,1fr)); }
.ask-grid-desktop-6 .ask-grid-items { grid-template-columns: repeat(6, minmax(0,1fr)); }
.ask-testimonial-card {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
height: 100%;
padding: 22px;
border: 1px solid #ddd;
border-radius: 8px;
background: #fff;
overflow: hidden;
}
.ask-description { line-height: 1.65; }
.ask-description p:last-child { margin-bottom: 0; }
.ask-author-img img,
.ask-author-img-large img {
display: block;
object-fit: cover;
border-radius: 50%;
}
.ask-author-img img { width: 60px; height: 60px; }
.ask-author-img-large img { width: 140px; height: 140px; }
.ask-author-name { margin: 0; font-size: 1.1em; font-weight: 600; }
.ask-author-designation { display: block; margin-top: 3px; font-size: .9em; color: #666; }
.ask-align-left { text-align: left; align-items: flex-start; }
.ask-align-center { text-align: center; align-items: center; }
.ask-align-right { text-align: right; align-items: flex-end; }
.ask-align-left .ask-author-block,
.ask-align-center .ask-author-block,
.ask-align-right .ask-author-block {
display: flex;
flex-direction: column;
}
.ask-align-left .ask-author-block { align-items: flex-start; }
.ask-align-center .ask-author-block { align-items: center; }
.ask-align-right .ask-author-block { align-items: flex-end; }
.ask-author-inline {
display: flex;
align-items: center;
gap: 15px;
}
.ask-dir-right .ask-author-inline { flex-direction: row-reverse; }
.ask-split-container {
display: flex;
align-items: center;
gap: 20px;
width: 100%;
}
.ask-dir-right .ask-split-container { flex-direction: row-reverse; }
.ask-split-content { flex: 1 1 auto; min-width: 0; }
.ask-read-more {
display: inline-block;
margin-top: 10px;
padding: 8px 14px;
border: 1px solid currentColor;
background: transparent;
color: inherit;
cursor: pointer;
border-radius: 4px;
}
.ask-description-full[hidden] { display: none; } .ask-carousel-viewport {
width: 100%;
overflow: hidden;
}
.ask-carousel-track {
display: flex;
align-items: stretch;
will-change: transform;
transition: transform .45s ease;
}
.ask-carousel-slide {
flex: 0 0 100%;
min-width: 0;
padding-right: 20px;
}
.ask-carousel-slide:last-child { padding-right: 0; }
.ask-carousel-prev,
.ask-carousel-next {
position: absolute;
top: 50%;
z-index: 3;
width: 38px;
height: 38px;
transform: translateY(-50%);
border: 0;
border-radius: 50%;
background: #111;
color: #fff;
cursor: pointer;
line-height: 38px;
}
.ask-carousel-prev { left: 8px; }
.ask-carousel-next { right: 8px; }
.ask-carousel-dots {
display: flex;
justify-content: center;
gap: 7px;
margin-top: 15px;
}
.ask-carousel-dot {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 50%;
background: #bbb;
cursor: pointer;
}
.ask-carousel-dot.is-active { background: #111; }
.ask-pagination {
margin-top: 25px;
text-align: center;
}
.ask-pagination .page-numbers {
display: inline-block;
margin: 0 3px;
padding: 6px 10px;
border: 1px solid #241705;
text-decoration: none;
}
.ask-pagination .page-numbers.current {
background: #FFC428;
}
.ask-testimonials-empty {
padding: 25px;
text-align: center;
border: 1px solid #ddd;
} @media (max-width: 1024px) {
.ask-grid-tablet-1 .ask-grid-items { grid-template-columns: repeat(1, minmax(0,1fr)); }
.ask-grid-tablet-2 .ask-grid-items { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ask-grid-tablet-3 .ask-grid-items { grid-template-columns: repeat(3, minmax(0,1fr)); }
.ask-grid-tablet-4 .ask-grid-items { grid-template-columns: repeat(4, minmax(0,1fr)); }
.ask-testimonial-card { padding: 18px; }
} @media (max-width: 767px) {
.ask-grid-mobile-1 .ask-grid-items { grid-template-columns: repeat(1, minmax(0,1fr)); }
.ask-grid-mobile-2 .ask-grid-items { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ask-testimonial-card { padding: 15px; }
.ask-split-container { flex-direction: column !important; }
.ask-author-img-large img { width: 110px; height: 110px; }
.ask-carousel-prev { left: 3px; }
.ask-carousel-next { right: 3px; }
}