.front-page__opinions {
padding: 1rem 0;
background-color: #c4dfd3;
position: relative;
}
.front-page__opinions .squirrel {
display: block;
margin: 0 auto -60px;
}
@media (max-width: 992px) {
.front-page__opinions .squirrel {
max-width: 250px;
margin: 0 auto -30px;
}
}
@media (max-width: 568px) {
.front-page__opinions .squirrel {
max-width: 150px;
}
}
.front-page__opinions .swiper-button-next,
.front-page__opinions .swiper-button-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
color: #636f56;
}
.front-page__opinions .swiper-button-next:after,
.front-page__opinions .swiper-button-prev:after {
font-size: 15px;
}
.front-page__opinions .swiper-wrapper {
padding-bottom: 5rem;
}
.front-page__opinions .swiper-slide-active {
background-color: #f29372;
color: #FFF;
}
.front-page__opinions .swiper-slide-active .front-page__opinion-rating img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.front-page__opinions .swiper-slide {
padding: 6rem 2rem;
border-radius: 10px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 568px) {
.front-page__opinions .swiper-slide {
padding: 3rem 2rem;
}
}
.front-page__opinions .swiper-pagination span {
background-color: #636f56;
width: 6px;
height: 6px;
}
.front-page__opinions .front-page__opinion-rating {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.front-page__opinions .front-page__opinion-rating img {
max-width: 20px;
}
.front-page__opinions .front-page__opinion {
text-align: center;
}
.front-page__opinions .front-page__opinion .front-page__opinion-text {
max-width: 330px;
text-align: center;
margin: 6rem auto 11.5rem;
font-size: 18px;
}
@media (max-width: 568px) {
.front-page__opinions .front-page__opinion .front-page__opinion-text {
margin: 5rem auto 3rem;
}
}
.front-page__opinions .front-page__opinion .front-page__opinion-name {
font-size: 15px;
font-weight: 700;
}
.front-page__opinions .front-page__opinion .front-page__opinion-avatar {
margin: 1rem 0rem;
}
.front-page__opinions .front-page__opinion .front-page__opinion-source {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}