.jb-testimonial-section {
position: relative;
}
.jb-testimonial-wrapper {
position: relative;
padding: 20px 0 60px 0;
} .jb-testimonial-slider {
margin: 0 -10px;
opacity: 0;
transition: opacity 0.5s ease-in-out;
} .jb-testimonial-slider.slick-initialized {
opacity: 1;
}
.jb-testimonial-item {
padding: 0 10px;
outline: none;
display: flex !important;
}
.jb-testimonial-content {
text-align: center;
margin: 10px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.jb-testimonial-avatar {
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 auto 20px;
overflow: hidden;
border: 3px solid #fff;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
flex-shrink: 0;
}
.jb-testimonial-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.jb-testimonial-name {
font-weight: bold;
margin-bottom: 5px;
}
.jb-testimonial-position {
opacity: 0.8;
margin-bottom: 15px;
}
.jb-testimonial-rating {
color: #ffa500;
font-size: 20px;
margin-bottom: 15px;
}
.jb-testimonial-text {
line-height: 1.6;
flex-grow: 1;
display: flex;
align-items: center;
}
.jb-testimonial-text p {
margin: 0;
} .jb-testimonial-slider .slick-prev,
.jb-testimonial-slider .slick-next {
width: 50px;
height: 50px;
z-index: 10;
}
.jb-testimonial-slider .slick-prev {
left: -60px;
}
.jb-testimonial-slider .slick-next {
right: -60px;
}
.jb-testimonial-slider .slick-prev:before,
.jb-testimonial-slider .slick-next:before {
font-size: 40px;
opacity: 0.7;
}
.jb-testimonial-slider .slick-prev:hover:before,
.jb-testimonial-slider .slick-next:hover:before {
opacity: 1;
} .jb-testimonial-slider .slick-dots {
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
width: auto;
display: flex !important;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
list-style: none;
}
.jb-testimonial-slider .slick-dots li {
margin: 0 5px;
}
.jb-testimonial-slider .slick-dots li button:before {
font-size: 12px;
opacity: 0.5;
}
.jb-testimonial-slider .slick-dots li.slick-active button:before {
opacity: 1;
} .jb-testimonial-slider .slick-track {
display: flex !important;
}
.jb-testimonial-slider .slick-slide {
height: auto;
display: flex !important;
}
.jb-testimonial-slider .slick-slide > div {
width: 100%;
} @media (max-width: 1024px) {
.jb-testimonial-slider .slick-prev {
left: -40px;
}
.jb-testimonial-slider .slick-next {
right: -40px;
}
}
@media (max-width: 768px) {
.jb-testimonial-slider .slick-prev {
left: 10px;
}
.jb-testimonial-slider .slick-next {
right: 10px;
}
.jb-testimonial-slider .slick-prev:before,
.jb-testimonial-slider .slick-next:before {
font-size: 30px;
}
}