| Server IP : 65.108.144.40 / Your IP : 216.73.217.165 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ubuntu-8gb-hel1-1 5.15.0-173-generic #183-Ubuntu SMP Fri Mar 6 13:29:34 UTC 2026 x86_64 User : dev ( 1000) PHP Version : 8.2.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/successkpi/wp-content/themes/successkpi/blocks/testimonials-section/ |
Upload File : |
.trusted-by-section {
position: relative;
margin: 72px 0;
}
.trusted-by-section .testimonial-slide {
border-radius: 20px;
background: #F4F4FF;
padding: 40px;
display: flex !important;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.trusted-by-section .main-title-inner h3 {
text-align: center;
font-weight: 700;
}
.trusted-by-section .testimonial-slide .aspect-ratio {
width: 37%;
height: 400px;
}
.trusted-by-section .testimonial-slide .aspect-ratio img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.trusted-by-section .trusted-quote {
width: 58%;
position: relative;
}
.trusted-by-section .trusted-quote:before {
background-image: url(/wp-content/uploads/2026/04/quote.png);
width: 47px;
height: 38px;
background-repeat: no-repeat;
content: '';
position: absolute;
top: -36px;
}
.trusted-by-section .trusted-quote .trusted-quote-logo {
width: 140px;
display: block;
}
.trusted-by-section .trusted-quote .trusted-quote-logo img {
width: 100%;
}
.trusted-by-section .trusted-quote p {
font-size: 18px;
color: #555555;
line-height: 32px;
margin-bottom: 40px;
}
.trusted-by-section .testimonials-wrapper .slick-next.slick-arrow {
position: absolute;
z-index: 5;
top: 0;
right: 0;
left: unset;
width: 34px;
height: 23px;
}
.trusted-by-section .testimonials-wrapper .slick-prev.slick-arrow {
position: absolute;
z-index: 5;
top: 0;
right: 63.29px;
left: unset;
width: 34px;
height: 23px;
}
.trusted-by-section .testimonials-wrapper {
padding-top: 50px;
}
.trusted-by-section .slick-prev,
.trusted-by-section .slick-next {
width: 45px;
height: 45px;
background: transparent;
border: none;
cursor: pointer;
position: relative;
font-size: 0;
padding: 0;
}
.trusted-by-section .slick-next {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24' fill='none'%3E%3Cpath d='M22.2204 22.5269C21.5379 21.8444 21.5379 20.7419 22.2204 20.0594L29.0104 13.2694L2.46289 13.2694C1.50039 13.2694 0.712891 12.4819 0.712891 11.5194C0.712891 10.5569 1.50039 9.76938 2.46289 9.76938L29.0279 9.76938L22.2379 2.97939C21.5554 2.29689 21.5554 1.19438 22.2379 0.511883C22.9204 -0.170616 24.0229 -0.170616 24.7054 0.511883L34.4879 10.2944C35.1704 10.9769 35.1704 12.0794 34.4879 12.7619L24.6879 22.5269C24.0229 23.2094 22.9029 23.2094 22.2204 22.5269Z' fill='%23092064'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.trusted-by-section .slick-prev {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24' fill='none'%3E%3Cpath d='M12.7796 22.5269C13.4621 21.8444 13.4621 20.7419 12.7796 20.0594L5.98961 13.2694L32.5371 13.2694C33.4996 13.2694 34.2871 12.4819 34.2871 11.5194C34.2871 10.5569 33.4996 9.76938 32.5371 9.76938L5.97211 9.76938L12.7621 2.97939C13.4446 2.29689 13.4446 1.19438 12.7621 0.511883C12.0796 -0.170616 10.9771 -0.170616 10.2946 0.511883L0.512111 10.2944C-0.170392 10.9769 -0.170392 12.0794 0.512111 12.7619L10.3121 22.5269C10.9771 23.2094 12.0971 23.2094 12.7796 22.5269Z' fill='%23092064'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.trusted-by-section .slick-prev:before,
.trusted-by-section .slick-next:before {
display: none;
}
.trusted-by-section .slick-prev.slick-disabled,
.trusted-by-section .slick-next.slick-disabled {
opacity: 0.4;
cursor: not-allowed;
}
.trusted-by-section .trusted-quote a {
text-decoration: none;
color: #555555;
font-weight: bold;
transition: 0.5s ease-in-out;
}
.trusted-by-section .trusted-quote a:hover {
color: #0d4dce;
}
/*---------benifit cards css start------------------*/
.benefits-wrapper {
width: 100%;
margin-left: auto;
box-shadow: 12px 12px 32px rgba(0, 0, 0, .05);
border-radius: 4px;
margin-top: 30px;
position: relative;
}
.benefits-inner {
display: flex;
justify-content: space-around;
}
.benefits-inner .benefits-card {
padding: 48px 28px 48px 28px;
border-bottom: unset;
border-right: 1px solid #c5c5c5;
text-align: center;
width: 25%;
background: #fff;
}
.benefits-inner .benefits-card:last-child {
border-right: 0;
}
.benefits-inner .benefits-card h3 {
color: #032169;
margin-bottom: 12px;
font-size: 18px;
line-height: 27px;
margin-bottom: 12px;
font-weight: 700;
}
.benefits-card p {
font-size: 16px;
line-height: 24px;
color: #555;
}
/*---------benifit cards css end------------------*/
@media screen and (max-width:1100px) {
.trusted-by-section .testimonial-slide {
padding: 80px 40px 40px;
}
.trusted-by-section {
margin: 50px 0 80px;
}
.benefits-inner .benefits-card {
padding: 30px 20px;
}
.trusted-by-section .testimonial-slide .aspect-ratio {
height: 100%;
}
}
@media screen and (max-width:767px) {
.trusted-by-section {
margin: 50px 0 80px;
}
.trusted-by-section .testimonial-slide {
flex-direction: column;
padding: 30px;
}
.trusted-by-section .trusted-quote {
width: 100%;
}
.trusted-by-section .trusted-quote {
margin-top: 50px;
}
.trusted-by-section .trusted-quote p {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
.trusted-by-section .testimonials-wrapper .slick-prev.slick-arrow {
position: absolute;
z-index: 5;
bottom: -40px;
top: unset;
left: 0;
}
.trusted-by-section .testimonials-wrapper .slick-next.slick-arrow {
position: absolute;
z-index: 5;
bottom: -40px;
right: 0;
left: 60px;
top: unset;
}
.trusted-by-section .testimonials-wrapper {
padding-top: 30px;
}
.trusted-by-section .testimonial-slide .aspect-ratio {
height: 100%;
width: 100%;
}
.benefits-inner {
flex-wrap: wrap;
}
.benefits-wrapper {
width: 100%;
margin-top: 80px;
}
.benefits-inner .benefits-card {
border-right: 0;
border-bottom: 1px solid #c5c5c5;
text-align: center;
width: 100%;
}
.benefits-inner .benefits-card:last-child {
border-bottom: 0;
}
}