.tm-sc-testimonials .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1.1em;
line-height: 1.2;
font-size: 0.9em;
width: 5.6em;
}
.tm-sc-testimonials .star-rating::before {
content: "\f005\f005\f005\f005\f005";
color: #d3ced2;
font-family: "Font Awesome 5 Free";
font-weight: 500;
float: left;
top: 0;
left: 0;
position: absolute;
}
.tm-sc-testimonials .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.tm-sc-testimonials .star-rating span::before {
content: "\f005\f005\f005\f005\f005";
font-family: "Font Awesome 5 Free";
font-weight: 500;
color: #f1c40f;
top: 0;
position: absolute;
left: 0;
}
.tm-sc-testimonials .star-rating {
float: none;
margin-top: 5px;
margin-bottom: 20px;
overflow: visible;
}
.tm-sc-testimonials .star-rating span:before {
color: var(--theme-color2);
}
.tm-sc-testimonials .author-text,
.tm-sc-testimonials .name,
.tm-sc-testimonials .job-position {
transition: all 0.3s ease-in-out;
}
.tm-sc-testimonials .star-rating span:before {
transition: all 0.3s ease-in-out;
}
.testimonial-block-style4 {
margin-bottom: 30px;
position: relative;
}
.testimonial-block-style4 .inner-box {
background-color: var(--theme-color-white);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
padding: 30px 40px;
position: relative;
transition: all 300ms ease;
}
.testimonial-block-style4 .inner-box:hover {
background: var(--theme-color1);
}
.testimonial-block-style4 .inner-box:hover .content-box .icon {
color: #fff;
}
.testimonial-block-style4 .inner-box:hover .content-box .author-text {
color: #fff;
}
.testimonial-block-style4 .inner-box:hover .info-box .thumb {
transform: scaleX(-1);
}
.testimonial-block-style4 .inner-box:hover .info-box .testimonial-name {
color: #fff;
}
.testimonial-block-style4 .inner-box:hover .info-box .testimonial-position {
color: #fff;
}
.testimonial-block-style4 .content-box {
position: relative;
}
.testimonial-block-style4 .content-box .icon {
color: var(--theme-color1);
display: inline-block;
font-size: 56px;
line-height: 36px;
margin-bottom: 20px;
position: relative;
}
.testimonial-block-style4 .content-box .author-text {
font-size: 18px;
font-style: normal;
font-weight: 400;
margin-bottom: 0;
position: relative;
transition: all 100ms ease;
}
.testimonial-block-style4 .info-box {
align-items: center;
border-top: 1px solid #e3e3e3;
display: flex;
margin-top: 23px;
padding: 30px 0 0;
position: relative;
}
body.tm-dark-layout .testimonial-block-style4 .info-box {
border-color: #1d1d1d;
}
@media (max-width: 575.98px) {
.testimonial-block-style4 .info-box {
padding: 30px 30px;
text-align: center;
}
}
.testimonial-block-style4 .info-box .thumb {
border-radius: 50%;
width: 70px;
height: 70px;
margin: 0 15px 0 0;
overflow: hidden;
transition: all 300ms ease;
}
@media (max-width: 575.98px) {
.testimonial-block-style4 .info-box .thumb {
display: inline-block;
left: 0;
margin-bottom: 0px;
position: relative;
top: 0;
}
}
.testimonial-block-style4 .info-box .testimonial-name {
margin: 0;
}
.testimonial-block-style4 .info-box .testimonial-position {
color: #6a6f78;
display: block;
margin-bottom: 0;
}
.tm-testimonial-carousel .testimonial-block-style4 .inner-box {
box-shadow: none;
border: 1px solid #f8f5f0;
}
body.tm-dark-layout .tm-testimonial-carousel .testimonial-block-style4 .inner-box {
border-color: #1d1d1d;
}