.testimonial-slider {
width: 100%;
background: #fff;
position: relative;
}
.testimonial-slider__swiper {
width: 100%;
overflow: hidden;
}
.testimonial-slider__swiper .swiper-wrapper {
align-items: stretch;
}
.testimonial-slider__swiper .swiper-slide {
height: auto;
box-sizing: border-box;
}
.testimonial-slider__swiper.testimonial-slider__swiper--fixed-height .swiper-wrapper,
.testimonial-slider__swiper.testimonial-slider__swiper--fixed-height .swiper-slide {
height: 100%;
}
.testimonial-slider__inner {
display: flex;
flex-wrap: wrap;
gap: 30px;
min-height: 670px;
height: 100%;
box-sizing: border-box;
}
.testimonial-slider__media {
flex: 0 0 calc(40% - 12px);
min-width: 280px;
display: flex;
align-items: stretch;
background: #fff;
padding: 0;
box-sizing: border-box;
}
.testimonial-slider__img {
width: 100%;
height: 100%;
min-height: 200px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}
.testimonial-slider__content {
flex: 0 0 calc(60% - 18px);
min-width: 280px;
background: #f5f5f5;
padding: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
box-sizing: border-box;
}
.testimonial-slider__quote {
margin: 0 0 50px 0;
padding: 0 !important;
background-color: transparent !important;
font-size: 20px;
line-height: 1.6;
color: #012169 !important;
font-weight: 400;
flex: 1;
}
.testimonial-slider__name {
margin: 0;
font-size: 24px;
font-weight: 500;
color: #012169;
} .testimonial-slider__pagination {
position: absolute !important;
right: 50px !important;
bottom: 60px !important;
left: auto !important;
width: auto;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0.85rem;
}
.testimonial-slider__pagination .swiper-pagination-bullet {
width: 7px;
height: 7px;
background: #d0d5db;
opacity: 1;
margin: 0;
transition: background 0.2s;
}
.testimonial-slider__pagination .swiper-pagination-bullet:hover {
background: #a0a8b0;
}
.testimonial-slider__pagination .swiper-pagination-bullet-active {
background: #005AA7;
}
@media (max-width: 1200px) {
.testimonial-slider__quote{
font-size: 16px;
}
.testimonial-slider__name{
font-size: 22px;
}
.testimonial-slider__inner{
min-height: 550px;
}
}
@media (max-width: 1024px) {
.testimonial-slider__inner {
flex-wrap: nowrap;
flex-direction: column;
}
.testimonial-slider__media {
flex: 0 0 auto;
flex-shrink: 1;
width: 100%;
min-width: 100%;
height: 400px;
min-height: 400px;
}
.testimonial-slider__img {
height: 100%;
min-height: 0;
background-size: cover;
background-position: center;
}
.testimonial-slider__content {
flex: 1 1 auto;
flex-grow: 1;
min-height: 0;
width: 100%;
min-width: 100%;
}
}
@media (max-width: 767px) {
.testimonial-slider__media {
height: 360px;
min-height: 360px;
}
.testimonial-slider__img {
height: 100%;
min-height: 0;
background-size: cover;
background-position: center;
}
}
@media (max-width: 640px) {
.testimonial-slider__media,
.testimonial-slider__content { min-width: 100%;
}
.testimonial-slider__quote{
font-size: 14px;
}
.testimonial-slider__name{
font-size: 18px;
}
.testimonial-slider__media {
height: 320px;
min-height: 320px;
flex-shrink: 1;
}
.testimonial-slider__img {
height: 100%;
min-height: 0;
background-size: cover;
background-position: center;
}
.testimonial-slider__content {
padding: 30px 24px;
flex-grow: 1;
}
.testimonial-slider__pagination {
right: 24px !important;
bottom: 41px !important;
gap: 0.2rem;
}
.testimonial-slider__pagination .swiper-pagination-bullet{
width: 5px;
height: 5px;
}
}