.bc-testimonial-slider {
--bc-t-gap: 24px;
--bc-t-card-w: 393px;
--bc-t-nav-space: 20px;
--bc-t-text: #1c1c1c;
position: relative;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 8px var(--bc-t-nav-space);
box-sizing: border-box;
overflow: visible;
font-family: "Figtree", sans-serif;
}
.bc-testimonial-slider__viewport {
display: block;
width: 100%;
max-width: 100%;
overflow: hidden !important;
box-sizing: border-box;
}
.bc-testimonial-slider__track {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
gap: var(--bc-t-gap);
margin: 0;
padding: 0;
box-sizing: border-box;
transition: transform 0.4s ease;
will-change: transform;
} .bc-testimonial-card {
flex: 0 0 var(--bc-t-card-w);
width: var(--bc-t-card-w);
max-width: var(--bc-t-card-w);
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 50px;
min-width: 0;
min-height: 389px;
padding: 50px 30px;
background: rgba(28, 28, 28, 0.05);
border-radius: 10px;
overflow: hidden;
font-family: "Figtree", sans-serif;
color: var(--bc-t-text);
}
.bc-testimonial-card__header {
display: flex;
align-items: center;
gap: 14px;
flex-shrink: 0;
}
.bc-testimonial-card__avatar {
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
color: #fff;
font-family: "Figtree", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
background: #e53935;
}
.bc-testimonial-card__avatar--image {
background: #e0e0e0;
}
.bc-testimonial-card__avatar-img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
}
.bc-testimonial-card__meta {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
} .bc-testimonial-card__name {
margin: 0;
font-family: "Figtree", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 38px;
letter-spacing: -0.01em;
color: var(--bc-t-text);
} .bc-testimonial-card__stars {
display: block !important;
box-sizing: border-box !important;
width: 103px !important;
height: 16px !important;
min-width: 103px !important;
max-width: 103px !important;
min-height: 16px !important;
max-height: 16px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
flex-shrink: 0 !important;
}
.bc-testimonial-card__stars-fill {
display: block !important;
height: 16px !important;
max-height: 16px !important;
overflow: hidden !important;
line-height: 0 !important;
}
.bc-testimonial-card__stars-img,
.bc-testimonial-card__stars img {
display: block !important;
width: 103px !important;
height: 16px !important;
max-width: none !important;
min-width: 103px !important;
min-height: 16px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
object-fit: none !important;
object-position: left center !important;
}
.bc-testimonial-card__body {
flex: 1;
min-width: 0;
max-width: 100%;
} .bc-testimonial-card__body p {
margin: 0 !important;
font-family: "Figtree", sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 28px !important;
letter-spacing: 0 !important;
color: var(--bc-t-text) !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
} .bc-testimonial-slider__nav {
appearance: none;
position: absolute;
top: 50%;
z-index: 40;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent !important;
box-shadow: none !important;
cursor: pointer;
transform: translateY(-50%);
overflow: visible;
}
.bc-testimonial-slider__nav--prev {
left: -2px;
}
.bc-testimonial-slider__nav--next {
right: -2px;
}
.bc-testimonial-slider__nav:hover,
.bc-testimonial-slider__nav:focus {
outline: none;
background: transparent !important;
}
.bc-testimonial-slider__nav:disabled {
opacity: 0.35;
pointer-events: none;
}
.bc-testimonial-slider__icon {
position: absolute;
top: 50%;
left: 50%;
line-height: 0;
pointer-events: none;
transform: translate(-50%, -50%);
}
.bc-testimonial-slider__icon svg {
display: block;
}
.bc-testimonial-slider__icon--inactive {
width: 72px;
height: 72px;
}
.bc-testimonial-slider__icon--inactive svg {
width: 72px;
height: 72px;
}
.bc-testimonial-slider__icon--active {
width: 44px;
height: 44px;
}
.bc-testimonial-slider__icon--active svg {
width: 44px;
height: 44px;
}
.bc-testimonial-slider__nav--next .bc-testimonial-slider__icon--inactive {
transform: translate(-50%, -50%) scaleX(-1);
}
.bc-testimonial-slider__nav--prev .bc-testimonial-slider__icon--active {
transform: translate(-50%, -50%) scaleX(-1);
} .bc-testimonial-slider__nav--prev .bc-testimonial-slider__icon--inactive,
.bc-testimonial-slider__nav--next .bc-testimonial-slider__icon--inactive {
display: block !important;
}
.bc-testimonial-slider__nav--prev .bc-testimonial-slider__icon--active,
.bc-testimonial-slider__nav--next .bc-testimonial-slider__icon--active {
display: none !important;
}
.bc-testimonial-slider__nav--prev:hover .bc-testimonial-slider__icon--inactive,
.bc-testimonial-slider__nav--prev:focus-visible .bc-testimonial-slider__icon--inactive,
.bc-testimonial-slider__nav--next:hover .bc-testimonial-slider__icon--inactive,
.bc-testimonial-slider__nav--next:focus-visible .bc-testimonial-slider__icon--inactive {
display: none !important;
}
.bc-testimonial-slider__nav--prev:hover .bc-testimonial-slider__icon--active,
.bc-testimonial-slider__nav--prev:focus-visible .bc-testimonial-slider__icon--active,
.bc-testimonial-slider__nav--next:hover .bc-testimonial-slider__icon--active,
.bc-testimonial-slider__nav--next:focus-visible .bc-testimonial-slider__icon--active {
display: block !important;
}
.bc-testimonial-empty {
margin: 0;
text-align: center;
color: #777;
font-family: "Figtree", sans-serif;
font-size: 14px;
}
.cts-arrow,
.custom-testimonial-slider > .cts-arrow {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
.elementor-widget:has(.bc-testimonial-slider),
.elementor-widget-container:has(.bc-testimonial-slider),
.elementor-shortcode:has(.bc-testimonial-slider),
.elementor-element:has(> .bc-testimonial-slider),
.e-con:has(.bc-testimonial-slider) {
max-width: 100% !important;
width: 100% !important;
overflow: visible;
}
.elementor-widget:has(.bc-testimonial-slider) .bc-testimonial-slider__viewport,
.e-con:has(.bc-testimonial-slider) .bc-testimonial-slider__viewport {
overflow: hidden !important;
}
@media (max-width: 1024px) {
.bc-testimonial-slider {
--bc-t-gap: 18px;
--bc-t-nav-space: 20px;
}
.bc-testimonial-slider__nav--prev {
left: -2px;
}
.bc-testimonial-slider__nav--next {
right: -2px;
}
.bc-testimonial-card {
min-height: 0;
gap: 36px;
padding: 40px 24px;
}
}
@media (max-width: 767px) {
.bc-testimonial-slider {
--bc-t-gap: 16px;
--bc-t-nav-space: 20px;
}
.bc-testimonial-slider__nav--prev {
left: -4px;
}
.bc-testimonial-slider__nav--next {
right: -4px;
}
.bc-testimonial-slider__nav {
width: 40px;
height: 40px;
}
.bc-testimonial-slider__icon--inactive {
width: 56px;
height: 56px;
}
.bc-testimonial-slider__icon--inactive svg {
width: 56px;
height: 56px;
}
.bc-testimonial-slider__icon--active {
width: 40px;
height: 40px;
}
.bc-testimonial-slider__icon--active svg {
width: 40px;
height: 40px;
}
.bc-testimonial-card {
gap: 28px;
padding: 32px 28px;
}
.bc-testimonial-card__name {
font-size: 18px;
line-height: 28px;
}
.bc-testimonial-card__body p {
font-size: 16px !important;
line-height: 26px !important;
}
}
@media (max-width: 380px) {
.bc-testimonial-slider {
--bc-t-nav-space: 20px;
}
.bc-testimonial-slider__nav--prev {
left: -6px;
}
.bc-testimonial-slider__nav--next {
right: -6px;
}
.bc-testimonial-card {
padding: 28px 24px;
}
}