:root {
--e-global-color-primary: #EAA638;
--e-global-color-text: #7A8986;
}
.e-e-testimonial .e-e-grid-img {
max-width: 100%;
height: auto;
display: inline-block;
}
.eel-all-slider {
opacity: 0;
transition: opacity 0.8s ease;
}
.elementor-widget-eel-testimonials-slider .eel-all-slider {
overflow: hidden;
}
.eel-all-slider.swiper-initialized {
opacity: 1;
}
.swiper-navigation .swiper-next,
.swiper-navigation .swiper-prev {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 30px;
height: 30px;
text-align: center;
line-height: 35px;
border-radius: 2px;
border: none;
}
.swiper-navigation .swiper-next {
left: auto;
right: 0;
}
.swiper-navigation svg {
height: 1em;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 14px;
}
.swiper-button-next, .swiper-button-prev, .swiper-rtl .swiper-button-prev, .swiper-rtl .swiper-button-next {
height: 32px;
border-radius: 3px;
outline: none;
border: none;
width: 32px;
}
.swiper-navigation-top {
position: relative;
}
.swiper-navigation-top .swiper-button-prev, .swiper-navigation-top .swiper-button-next {
left: auto;
right: 0;
top: -90px;
}
.swiper-navigation-top .swiper-button-prev {
right: 66px;
}
.eel-rating {
color: #FFAF02;
font-size: 25px;
line-height: 100%;
}
.eel-rating .star {
margin-right: 2px;
}
.eel-rating .star.filled {
color: #FFAF02;
}
.ee--tstml-inner-wrap-default {
display: inline-flex;
gap: 80px;
padding: 80px;
}
.ee--tstml-inner-wrap {
background: #EFEFF9;
border-radius: 16px;
padding: 30px;
}
.ee--tstml-inner-wrap .eel-author-wrap {
display: inline-flex;
text-align: left;
justify-content: space-between;
}
.ee--tstml-inner-wrap .eel-author {
min-width: 182px;
}
.ee--tstml-inner-wrap .eel-designation {
font-size: 14px;
line-height: 150%;
color: rgba(18, 18, 18, 0.5019607843);
font-style: normal;
margin-bottom: 8px;
display: inline-block;
}
.ee--tstml-inner-wrap .eel-picture {
min-width: 100px;
margin-right: 24px;
}
.ee--tstml-inner-wrap .eel-picture img {
width: 100px;
border-radius: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ee--tstml-inner-wrap .eel-name {
font-size: 20px;
line-height: 100%;
}
.ee--tstml-inner-wrap .eel-description {
font-size: 24px;
text-align: left;
color: var(--e-global-color-text);
line-height: 150%;
letter-spacing: -0.02em;
}
.ee--tstml-inner-wrap .eel-quote svg {
height: 120px;
fill: var(--e-global-color-primary);
}
.ee--tstml-inner-wrap.skin1 {
display: block;
}
.ee--tstml-inner-wrap.skin1 .eel-picture img {
width: 50px;
height: 50px;
}
.ee--tstml-inner-wrap.skin1 .eel-picture {
min-width: 50px;
margin-right: 15px;
}
.ee--tstml-inner-wrap.skin1 .eel-author-wrap {
justify-content: flex-start;
width: 100%;
margin-top: 25px;
align-items: center;
}
.ee--tstml-inner-wrap.skin1 .eel-designation {
margin-bottom: 0;
}
.ee--tstml-inner-wrap.skin1 .eel-company-logo {
text-align: left;
margin-bottom: 12px;
}
.ee--tstml-inner-wrap.skin2 {
display: block;
}
.ee--tstml-inner-wrap.skin2 .eel-picture-des-wrap {
display: flex;
justify-content: space-between;
}
.ee--tstml-inner-wrap.skin2 .eel-picture img {
width: 50px;
height: 50px;
}
.ee--tstml-inner-wrap.skin2 .eel-picture {
min-width: 50px;
margin-right: 15px;
}
.ee--tstml-inner-wrap.skin2 .eel-author-wrap {
justify-content: flex-start;
width: 100%;
margin-top: 25px;
align-items: center;
}
.ee--tstml-inner-wrap.skin2 .eel-designation {
margin-bottom: 0;
}
.ee--tstml-inner-wrap.skin2 .eel-company-logo {
text-align: left;
margin-bottom: 12px;
}
.ee--tstml-inner-wrap.skin2.eel-avatar-image-top .eel-company-logo {
text-align: center;
}
.ee--tstml-inner-wrap.skin2.eel-avatar-image-top .eel-picture-des-wrap {
display: block;
}
.ee--tstml-inner-wrap.skin2.eel-avatar-image-top .eel-picture {
margin: auto;
margin-bottom: 24px;
text-align: center;
}
.ee--tstml-inner-wrap.skin2.eel-avatar-image-top .eel-description {
text-align: center;
}
.ee--tstml-inner-wrap.skin2.eel-avatar-image-top .eel-author-wrap {
justify-content: center;
text-align: center;
}
.ee--tstml-inner-wrap.skin3 {
display: block;
}
.ee--tstml-inner-wrap.skin3 .eel-picture-des-wrap {
display: flex;
justify-content: space-between;
}
.ee--tstml-inner-wrap.skin3 .eel-picture img {
width: 50px;
height: 50px;
display: block;
}
.ee--tstml-inner-wrap.skin3 .eel-picture {
min-width: -moz-max-content;
min-width: max-content;
margin-right: 15px;
}
@media screen and (max-width: 767px) {
.ee--tstml-inner-wrap.skin3 .eel-picture {
min-width: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.ee--tstml-inner-wrap.skin3 .eel-author {
text-align: center;
}
}
.ee--tstml-inner-wrap.skin3 .eel-author-wrap {
justify-content: flex-start;
width: 100%;
margin-top: 25px;
align-items: center;
}
.ee--tstml-inner-wrap.skin3 .eel-designation {
margin-bottom: 0;
}
.ee--tstml-inner-wrap.skin3 .eel-company-logo {
text-align: left;
margin-bottom: 12px;
}
.ee--tstml-inner-wrap.skin3 .eel-rating {
display: flex;
justify-content: end;
flex: 1;
}
.ee--tstml-inner-wrap.skin3 .eel-rating .star {
margin-right: -1.5px;
}
.ee--tstml-inner-wrap.skin4 {
display: block;
}
.ee--tstml-inner-wrap.skin4 .eel-picture-des-wrap {
display: flex;
justify-content: space-between;
gap: 20px;
}
.ee--tstml-inner-wrap.skin4 .eel-picture img {
width: 100%;
height: 400px;
border-radius: 8px;
}
.ee--tstml-inner-wrap.skin4 .eel-picture {
min-width: 320px;
margin-right: 60px;
}
.ee--tstml-inner-wrap.skin4 .eel-author-wrap {
justify-content: flex-start;
width: 100%;
margin-top: 25px;
align-items: flex-end;
}
.ee--tstml-inner-wrap.skin4 .eel-designation {
margin-bottom: 0;
}
.ee--tstml-inner-wrap.skin4 .eel-company-logo {
text-align: left;
margin-bottom: 12px;
}
.ee--tstml-inner-wrap.skin4 .eel--description-wrap {
display: grid;
}
.ee--tstml-inner-wrap.skin5 {
display: block;
}
.ee--tstml-inner-wrap.skin5 .eel-picture-des-wrap {
display: flex;
justify-content: space-between;
}
.ee--tstml-inner-wrap.skin5 .eel-picture img {
width: 50px;
height: 50px;
display: block;
}
.ee--tstml-inner-wrap.skin5 .eel-picture {
min-width: 50px;
margin-right: 15px;
}
.ee--tstml-inner-wrap.skin5 .eel-author {
min-width: 100px;
}
.ee--tstml-inner-wrap.skin5 .eel-author-wrap {
justify-content: flex-start;
width: 100%;
margin-top: 25px;
align-items: center;
}
.ee--tstml-inner-wrap.skin5 .eel-designation {
margin-bottom: 0;
}
.ee--tstml-inner-wrap.skin5 .eel-company-logo {
text-align: left;
margin-bottom: 12px;
}
.ee--tstml-inner-wrap.skin5 .eel-rating {
display: flex;
flex: 1;
text-align: right;
margin-left: 15px;
justify-content: end;
}
.ee--tstml-inner-wrap.skin6 {
display: block;
}
.ee--tstml-inner-wrap.skin6 .eel-picture-des-wrap {
display: flex;
justify-content: space-between;
}
.ee--tstml-inner-wrap.skin6 .eel-picture img {
width: 50px;
height: 50px;
display: block;
}
.ee--tstml-inner-wrap.skin6 .eel-picture {
min-width: 50px;
margin-right: 15px;
}
.ee--tstml-inner-wrap.skin6 .eel-description {
text-align: center;
}
.ee--tstml-inner-wrap.skin6 .eel-author-wrap {
justify-content: center;
width: 100%;
margin-top: 25px;
align-items: center;
}
.ee--tstml-inner-wrap.skin6 .eel-designation {
margin-bottom: 0;
}
.ee--tstml-inner-wrap.skin6 .eel-company-logo {
text-align: left;
margin-bottom: 12px;
}
.ee--tstml-inner-wrap.skin6 .eel-rating {
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.ee--tstml-inner-wrap.skin7, .ee--tstml-inner-wrap.skin8 {
display: block;
}
.ee--tstml-inner-wrap.skin7 .eel-picture-des-wrap, .ee--tstml-inner-wrap.skin8 .eel-picture-des-wrap {
display: flex;
justify-content: space-between;
}
.ee--tstml-inner-wrap.skin7 .eel-picture img, .ee--tstml-inner-wrap.skin8 .eel-picture img {
width: 50px;
height: 50px;
display: block;
}
.ee--tstml-inner-wrap.skin7 .eel-picture, .ee--tstml-inner-wrap.skin8 .eel-picture {
min-width: 50px;
margin-right: 15px;
}
.ee--tstml-inner-wrap.skin7 .eel-name, .ee--tstml-inner-wrap.skin8 .eel-name {
font-size: 18px;
line-height: 100%;
font-weight: 600;
font-family: var(--e-global-typography-secondary-font-family);
color: var(--e-global-color-secondary);
}
.ee--tstml-inner-wrap.skin7 .eel-author-wrap, .ee--tstml-inner-wrap.skin8 .eel-author-wrap {
justify-content: start;
width: 100%;
margin-top: 30px;
align-items: center;
}
.ee--tstml-inner-wrap.skin7 .eel-designation, .ee--tstml-inner-wrap.skin8 .eel-designation {
margin-bottom: 0;
}
.ee--tstml-inner-wrap.skin7 .eel-description, .ee--tstml-inner-wrap.skin8 .eel-description {
font-size: 18px;
line-height: 150%;
letter-spacing: 0;
}
.ee--tstml-inner-wrap.skin7 .eel-company-logo, .ee--tstml-inner-wrap.skin8 .eel-company-logo {
text-align: left;
margin-bottom: 12px;
}
.ee--tstml-inner-wrap.skin7 .eel-rating, .ee--tstml-inner-wrap.skin8 .eel-rating {
display: flex;
justify-content: start;
}
.ee--tstml-inner-wrap.skin7 .star, .ee--tstml-inner-wrap.skin8 .star {
font-size: 18px;
}
.ee--tstml-inner-wrap.skin7 .eel-quote, .ee--tstml-inner-wrap.skin8 .eel-quote {
margin-bottom: 25px;
}
.ee--tstml-inner-wrap.skin7 .eel-quote svg, .ee--tstml-inner-wrap.skin8 .eel-quote svg {
width: 35px;
height: auto;
}
.ee--tstml-inner-wrap.skin8 .eel-designation {
border: 1px solid #cdcdf6;
color: var(--e-global-color-primary);
font-size: 16px;
line-height: 1.4;
padding: 7px 15px;
margin-bottom: 30px;
}
.ee--tstml-inner-wrap.skin8 .eel-quote {
margin: 0;
position: absolute;
right: 50px;
top: 40px;
}
.ee--tstml-inner-wrap.skin8 .eel-quote svg {
width: 60px;
}
.ee--tstml-inner-wrap.skin8 .eel-author-area {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
.ee--tstml-inner-wrap.skin8 .eel-author-area .eel-author-wrap {
margin: 0;
}
.ee--tstml-inner-wrap.skin8 .eel-company-logo {
max-width: 130px;
}
.ee--tstml-wrap-skin-style-two {
display: inline-flex;
}
.ee--tstml-wrap-skin-style-two .eel-author-wrap {
display: inline-flex;
text-align: left;
align-items: center;
}
.ee--tstml-wrap-skin-style-two .eel-rating {
font-size: 20px;
}
.ee--tstml-wrap-skin-style-two .eel-content-wrap {
background: #FFFFFF;
box-shadow: 0px 24px 48px -24px rgba(0, 0, 0, 0.16);
border-radius: 16px;
padding: 32px;
margin-left: -100px;
}
.ee--tstml-wrap-skin-style-two .eel-content-wrap .author-wrap {
display: flex;
margin-top: 24px;
padding-top: 23px;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.ee--tstml-wrap-skin-style-two .eel-content-wrap.eel-not-add-image {
margin-left: 0;
}
.ee--tstml-wrap-skin-style-two .eel-designation {
font-size: 14px;
line-height: 150%;
color: rgba(18, 18, 18, 0.5019607843);
font-style: normal;
margin-bottom: 8px;
display: inline-block;
font-weight: normal;
}
.ee--tstml-wrap-skin-style-two .eel-picture {
min-width: 320px;
margin-right: 24px;
}
.ee--tstml-wrap-skin-style-two .eel-picture img {
width: 100%;
height: 450px;
border-radius: 16px;
-o-object-fit: cover;
object-fit: cover;
}
.ee--tstml-wrap-skin-style-two .eel-name {
font-size: 20px;
line-height: 100%;
display: inline-grid;
flex: 1;
gap: 4px;
}
.ee--tstml-wrap-skin-style-two .eel-description {
font-size: 18px;
text-align: left;
color: var(--e-global-color-text);
line-height: 150%;
letter-spacing: -0.01em;
}
.ee--tstml-wrap-skin-style-two .eel-quote svg {
height: 120px;
fill: var(--e-global-color-primary);
}
.easy--custom-navigation-icon .swiper-button-next:after, .easy--custom-navigation-icon .swiper-button-prev:after {
display: none;
}
@media (max-width: 1024px) {
.ee--tstml-inner-wrap-default {
gap: 20px;
padding: 30px;
}
}
@media (max-width: 991px) {
.ee--tstml-inner-wrap-default {
display: grid;
}
}
@media (max-width: 768px) {
.eel-author-wrap {
flex-direction: column;
gap: 10px;
}
.ee--tstml-inner-wrap.skin4 .eel-picture-des-wrap {
flex-direction: column;
}
.ee--tstml-inner-wrap.skin4 .eel-author-wrap {
align-items: center;
}
.ee--tstml-wrap-skin-style-two .eel-content-wrap,
.ee--tstml-wrap-skin-style-two .eel-picture {
margin-right: 0;
margin-left: 0;
width: 100%;
}
.ee--tstml-wrap-skin-style-two .eel-picture img {
height: auto;
}
.swiper-navigation-top {
display: none;
}
.ee--tstml-inner-wrap-default {
display: block;
}
.ee--tstml-inner-wrap .eel-description {
text-align: center;
margin-bottom: 30px;
}
.ee--tstml-inner-wrap .eel-picture {
min-width: 100px;
margin: 0 auto;
padding-top: 10px;
}
.ee--tstml-inner-wrap .eel-quote svg {
height: 60px;
}
.e-e-testimonial .grid-wrap {
display: block;
}
.ee--tstml-inner-wrap.skin2 .eel-picture-des-wrap {
flex-direction: column;
}
.ee--tstml-inner-wrap .eel-author,
.ee--tstml-inner-wrap-default,
.ee--tstml-wrap-skin-style-two .eel-picture,
.ee--tstml-inner-wrap.skin2 .eel-company-logo,
.ee--tstml-inner-wrap.skin2 .eel-rating,
.ee--tstml-inner-wrap.skin2 .eel-author,
.ee--tstml-inner-wrap.skin3 .eel-company-logo,
.ee--tstml-inner-wrap.skin5 .eel-company-logo {
text-align: center;
}
.ee--tstml-inner-wrap.skin7 .eel-author-wrap {
flex-direction: row;
margin-top: 30px;
}
.ee--tstml-inner-wrap.skin7 .eel-picture {
padding-top: 0;
margin: 0;
}
.ee--tstml-inner-wrap.skin2 .eel-picture,
.ee--tstml-inner-wrap.skin4 .eel-picture,
.ee--tstml-inner-wrap.skin5 .eel-picture,
.ee--tstml-inner-wrap.skin6 .eel-picture,
.ee--tstml-inner-wrap.skin7 .eel-picture {
margin-right: auto !important;
margin-left: auto !important;
text-align: center;
}
.ee--tstml-inner-wrap.skin8 .eel-author-wrap {
max-width: -moz-max-content;
max-width: max-content;
}
.ee--tstml-inner-wrap.skin8 .eel-author {
text-align: start;
}
.ee--tstml-inner-wrap.skin8 .eel-author-wrap {
flex-direction: row;
gap: 0;
}
.ee--tstml-inner-wrap.skin8 .eel-author-area {
flex-wrap: wrap;
gap: 15px;
}
.ee--tstml-inner-wrap .eel-author {
min-width: 100%;
}
}
@media (max-width: 600px) {
.ee--tstml-inner-wrap .eel-description {
font-size: 18px;
}
}
.ee--tstml-inner-wrap.skin9 {
flex-direction: column;
gap: unset;
}
.ee--tstml-inner-wrap.skin9 .ee--tstml-inner-wrap-author {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 20px;
width: 100%;
}
.ee--tstml-inner-wrap.skin9 .ee--tstml-inner-wrap-author .eel-author-wrap {
flex-direction: row !important;
}
.ee--tstml-inner-wrap.skin9 .ee--tstml-inner-wrap-author .eel-company-logo img {
width: 30px;
}
.ee--tstml-inner-wrap.skin9 .ee--tstml-inner-wrap-author .eel-picture {
min-width: unset;
margin-right: 15px;
}
.ee--tstml-inner-wrap.skin9 .ee--tstml-inner-wrap-author .eel-picture img {
width: 40px;
height: 40px;
}
.ee--tstml-inner-wrap.skin9 .eel-rating {
text-align: left;
margin-bottom: 15px;
}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}