.ova-testimonial-3 .client_info {
border-radius: 10px;
padding: 40px 25px;
background-color: #fff;
box-shadow: 0px 5px 12px 0px rgba(197, 197, 197, 0.25);
}
.ova-testimonial-3 .client_info .top_info .client {
position: relative;
display: inline-block;
}
.ova-testimonial-3 .client_info .top_info .client img {
display: block;
min-width: 70px;
width: 70px;
height: 70px;
border-radius: 50%;
object-fit: cover;
}
.ova-testimonial-3 .client_info .top_info .client .icon {
position: absolute;
bottom: -5px;
right: -5px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background-color: var(--secondary);
border-radius: 50%;
border: 2px solid #fff;
}
.ova-testimonial-3 .client_info .top_info .client .icon i {
display: inline-flex;
font-size: 12px;
color: #fff;
}
.ova-testimonial-3 .client_info p.evaluate {
margin: 20px 0;
}
.ova-testimonial-3 .client_info .rating-icon {
display: inline-block;
line-height: 1;
color: #fda300;
}
.ova-testimonial-3 .client_info .info .name-job .name {
margin: 3px 0 0 0;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.ova-testimonial-3 .client_info .info .name-job .job {
margin: 0;
}
.ova-testimonial-3.ova-testimonial-3-template2 .client_info {
padding: 30px;
}
.ova-testimonial-3.ova-testimonial-3-template2 .client_info .top_info {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 25px;
}
.ova-testimonial-3.ova-testimonial-3-template2 .client_info .top_info .wrap-author {
display: flex;
gap: 25px;
}
.ova-testimonial-3.ova-testimonial-3-template2 .client_info p.evaluate {
margin: 20px 0 0 0;
}
.ova-testimonial-3.ova-testimonial-3-template3 .swiper .swiper-wrapper .swiper-slide {
padding-top: 50px;
}
.ova-testimonial-3.ova-testimonial-3-template3 .client_info {
padding: 0 25px 30px 25px;
border-radius: 5px;
text-align: center;
}
.ova-testimonial-3.ova-testimonial-3-template3 .client_info .top_info .client {
margin-top: -50px;
margin-bottom: 5px;
}
.ova-testimonial-3.ova-testimonial-3-template3 .client_info .top_info .client img {
width: 100px;
height: 100px;
border: 5px solid #fff;
}
.ova-testimonial-3 .swiper.swiper-loading .swiper-wrapper {
opacity: 0;
visibility: hidden;
}
.ova-testimonial-3 .swiper .swiper-wrapper .swiper-slide {
max-width: 100%;
padding: 10px;
}
.ova-testimonial-3 .button-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
margin-top: 20px;
}
.ova-testimonial-3 .button-dots.swiper-pagination-bullets {
width: 100% !important;
left: 50% !important;
transform: translate(0, -50%) !important;
}
.ova-testimonial-3 .button-dots .swiper-pagination-bullet {
display: block;
width: 8px;
height: 8px;
border-radius: 100%;
background-color: #D0D7DE;
transition: opacity 0.2s ease;
margin: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-testimonial-3 .button-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--primary);
}
.ova-testimonial-3 .button-dots .swiper-pagination-bullet:hover {
background-color: var(--primary);
}
.ova-testimonial-3 .button-nav {
z-index: 1;
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #FFFFFF;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-testimonial-3 .button-nav.button-prev {
left: -10px;
}
.ova-testimonial-3 .button-nav.button-next {
right: -10px;
}
.ova-testimonial-3 .button-nav:focus {
outline: none;
}
.ova-testimonial-3 .button-nav i {
display: inline-flex;
font-size: 14px;
color: var(--text);
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-testimonial-3 .button-nav:hover {
background-color: var(--primary);
}
.ova-testimonial-3 .button-nav:hover i {
color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.ova-testimonial-3 .button-nav {
display: none;
}
}
.ova-testimonial-3:hover .button-nav {
opacity: 1;
visibility: visible;
top: 45%;
}