navasena/wp-content/themes/thinkai/assets/css/module-css/05-testimonial-section.css

911 lines
18 KiB
CSS

/***
=============================================
Testimonial Style1 Css
=============================================
***/
.testimonial-style1 {
position: relative;
display: block;
padding: 140px 0px 140px;
overflow: hidden;
z-index: 10;
}
.testimonial-style1__inner {
position: relative;
display: block;
border-top: 1px solid var(--thm-border-color);
padding-top: 60px;
z-index: 1;
}
.testimonial-style1__inner::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 1px;
margin: 0 auto;
background: var(--thm-border-color);
content: "";
z-index: -1;
}
.testimonial-style1__middle-content {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
width: 260px;
height: 260px;
background: #fbf8ff;
border-radius: 50%;
border: 1px solid var(--thm-border-color);
z-index: 5;
}
.testimonial-style1__middle-content .icon {
position: relative;
display: block;
margin-bottom: 20px;
}
.testimonial-style1__middle-content .icon span {
position: relative;
display: inline-block;
font-size: 40px;
}
.testimonial-style1__middle-content .review-box {
position: relative;
display: block;
margin-bottom: 15px;
}
.testimonial-style1__middle-content .text-box {
position: relative;
display: block;
}
.testimonial-style1__middle-content .text-box h3 {
font-size: 19px;
line-height: 29px;
font-weight: 600;
}
.testimonial-style1__middle-content .text-box p {
margin: 0;
}
.testimonial-style1__single {
position: relative;
display: block;
}
.testimonial-style1__single .icon-box {
position: relative;
display: block;
margin-bottom: 30px;
}
.testimonial-style1__single .icon-box span {
position: relative;
display: inline-block;
color: var(--thm-primary-color);
font-size: 35px;
line-height: 35px;
}
.testimonial-style1__single .text {
position: relative;
display: block;
margin-bottom: 30px;
}
.testimonial-style1__single .text p {
font-size: 20px;
line-height: 36px;
font-weight: 500;
}
.testimonial-style1__single .author-info {
position: relative;
display: block;
}
.testimonial-style1__single .author-info h2 {
font-size: 21px;
line-height: 31px;
text-transform: capitalize;
}
.testimonial-style1__single .author-info p {
color: var(--thm-primary-color);
text-transform: capitalize;
}
.testimonial-style1__single-bottom {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 33px;
}
.testimonial-style1__single-bottom .img-box {
position: relative;
display: block;
overflow: hidden;
border-radius: var(--thm-border-radius);
}
.testimonial-style1__single-bottom .img-box img {
width: 100%;
}
.testimonial-style1__single-bottom .date-box {
position: relative;
display: block;
text-align: right;
}
.testimonial-style1__single-bottom .date-box h4 {
font-size: 16px;
line-height: 26px;
font-weight: 600;
font-family: var(--thm-font);
}
.testimonial-style1__single-bottom .date-box p {
margin: 0;
}
/***
=============================================
Testimonials Style2 Css
=============================================
***/
.testimonials-style2 {
padding: 140px 0px 132px;
}
.testimonials-style2__top {
position: relative;
display: flex;
align-items: flex-end;
justify-content: space-between;
padding-bottom: 50px;
}
.testimonials-style2__top .sec-title {
padding-bottom: 0px;
}
.testimonials-style2__top .btn-box {
position: relative;
display: block;
top: -10px;
}
.testimonials-style2__inner {
position: relative;
display: block;
}
.testimonials-style2__single {
position: relative;
display: block;
border: 1px solid var(--thm-border-color);
border-radius: var(--thm-border-radius);
padding: 37px 35px 45px;
z-index: 1;
}
.testimonials-style2__single .icon-box {
position: absolute;
right: 35px;
bottom: 0px;
z-index: -1;
}
.testimonials-style2__single .icon-box span {
position: relative;
display: inline-block;
color: #d9e1f4;
font-size: 145px;
line-height: 145px;
}
.testimonials-style2__single .title-box {
position: relative;
display: block;
margin-bottom: 26px;
}
.testimonials-style2__single .title-box h3 {
font-size: 21px;
line-height: 31px;
text-transform: capitalize;
margin-bottom: 6px;
}
.testimonials-style2__single .title-box p {
color: var(--thm-primary-color);
}
.testimonials-style2__single .text-box {
position: relative;
display: block;
margin-bottom: 35px;
}
.testimonials-style2__single .text-box p {
margin: 0;
}
.testimonials-style2__single .review-box {
position: relative;
display: block;
margin-bottom: 38px;
}
.testimonials-style2__single .review-box ul li i {
color: var(--thm-secondary-color);
font-size: 17px;
}
.testimonials-style2__single .author-info-box {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.testimonials-style2__single .author-info-box .img-box {
position: relative;
display: block;
border-radius: var(--thm-border-radius);
overflow: hidden;
}
.testimonials-style2__single .author-info-box .img-box img {
width: 100%;
}
.testimonials-style2__single .author-info-box .date-box {
position: relative;
display: block;
text-align: right;
}
.testimonials-style2__single .author-info-box .date-box h4 {
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.testimonials-style2__single .author-info-box .date-box p {
color: #6c7674;
}
/*------------------------------------------
Testimonial Style3 Css
--------------------------------------------*/
.testimonial-style3 {
padding: 140px 0px 132px;
}
.testimonial-style3 .sec-title {
padding-bottom: 56px;
}
.testimonial-style3__inner {
position: relative;
display: block;
}
.testimonial-style3__single {
position: relative;
display: block;
padding-top: 7px;
}
.testimonial-style3__single-content-box {
position: relative;
display: block;
}
.testimonial-style3__single-content-box .title {
position: relative;
display: flex;
justify-content: center;
margin-bottom: 14px;
}
.testimonial-style3__single-content-box .title .icon-box {
position: relative;
display: block;
margin-top: -7px;
margin-right: 9px;
}
.testimonial-style3__single-content-box .title h3 {
font-size: 24px;
line-height: 34px;
}
.testimonial-style3__single-content-box .rating-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 34px;
}
.testimonial-style3__single-content-box .rating-box ul {
position: relative;
display: flex;
align-items: center;
}
.testimonial-style3__single-content-box .rating-box ul li {
position: relative;
display: block;
}
.testimonial-style3__single-content-box .rating-box ul li+li {
margin-left: 5px;
}
.testimonial-style3__single-content-box .rating-box ul li span {
position: relative;
display: inline-block;
color: #fbaf02;
font-size: 16px;
cursor: pointer;
}
.testimonial-style3__single-content-box .text {
position: relative;
display: block;
}
.testimonial-style3__single-content-box .text p {
font-size: 20px;
line-height: 36px;
font-weight: 500;
}
.testimonial-style3__single .customer-info {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 52px;
}
.testimonial-style3__single .customer-info .img-box {
position: relative;
display: block;
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
}
.testimonial-style3__single .customer-info .title-box {
position: relative;
display: block;
padding-left: 20px;
}
.testimonial-style3__single .customer-info .title-box h3 {
font-size: 21px;
line-height: 30px;
margin-bottom: 8px;
}
.testimonial-style3__single .customer-info .title-box span {
color: var(--thm-primary-color);
font-size: 16px;
line-height: 20px;
font-family: var(--thm-font);
font-weight: 400;
}
.testimonial-style3__items-nav {
position: absolute;
left: 130px;
bottom: 0;
right: 130px;
height: 70px;
}
.testimonial-style3__items-nav .swiper-button-next,
.testimonial-style3__items-nav .swiper-button-prev {
position: absolute;
top: 50%;
width: 50px;
height: 70px;
margin-top: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 16px;
font-weight: 600;
font-family: var(--thm-font-2);
transform: translateY(-50%);
z-index: 10;
}
.testimonial-style3__items-nav .swiper-button-next:after,
.testimonial-style3__items-nav .swiper-button-prev:after {
display: none;
}
.testimonial-style3__items-nav .swiper-button-next i,
.testimonial-style3__items-nav .swiper-button-prev i {
font-size: 34px;
line-height: 34px;
}
.testimonial-style3__items-nav .swiper-button-prev i {
margin-right: 7px;
}
.testimonial-style3__items-nav .swiper-button-next i {
margin-left: 7px;
}
.testimonial-style3__items-nav .swiper-button-prev {
left: 0;
}
.testimonial-style3__items-nav .swiper-button-next {
right: 0;
}
.testimonial-style3__items-nav--style2 .swiper-button-next,
.testimonial-style3__items-nav--style2 .swiper-button-prev {
color: var(--thm-black);
}
/***
=============================================
Google Reviews Style1 Css
=============================================
***/
.google-reviews-style1 {
position: relative;
display: block;
background-image: -moz-linear-gradient(0deg, rgb(102, 201, 136) 15%, rgb(198, 245, 175) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(102, 201, 136) 15%, rgb(198, 245, 175) 100%);
background-image: -ms-linear-gradient(0deg, rgb(102, 201, 136) 15%, rgb(198, 245, 175) 100%);
padding: 15px 0px 15px;
z-index: 1;
}
.google-reviews-style1__inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.google-reviews-style1__inner .google-reviews {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: var(--thm-white);
padding: 10px 15px 10px;
border-radius: 22px;
}
.google-reviews-style1__inner .google-reviews .icon-box {
position: relative;
display: block;
}
.google-reviews-style1__inner .google-reviews .icon-box span {
position: relative;
display: inline-block;
font-size: 25px;
line-height: 25px;
}
.google-reviews-style1__inner .google-reviews .text {
position: relative;
display: block;
margin-left: 10px;
}
.google-reviews-style1__inner .google-reviews .text p {
color: var(--thm-black);
line-height: 25px;
font-weight: 600;
text-transform: capitalize;
font-family: var(--thm-font-2);
}
.google-reviews-style1__inner .review-box {
position: relative;
display: block;
margin-left: 20px;
}
.google-reviews-style1__inner .review-box ul li i {
color: var(--thm-white);
font-size: 20px;
line-height: 20px;
}
.google-reviews-style1__inner .text-box {
position: relative;
display: block;
margin-left: 19px;
}
.google-reviews-style1__inner .text-box h2 {
font-size: 24px;
line-height: 34px;
}
.google-reviews-style1__inner .text-box h2 span {
position: relative;
display: inline-block;
font-size: 18px;
font-family: var(--thm-font);
font-weight: 400;
top: -2px;
}
/***
=============================================
Testimonials Style4 Css
=============================================
***/
.testimonials-style4 {
position: relative;
display: block;
padding: 140px 0px 140px;
z-index: 1;
}
.testimonials-style4__inner {
position: relative;
display: block;
}
.testimonials-style4__inner.style2 {
position: relative;
display: block;
margin-top: 60px;
}
.testimonials-style4__inner ul {
display: flex;
align-items: center;
flex-wrap: nowrap;
width: max-content;
}
.testimonials-style4__inner ul li {
position: relative;
display: block;
float: left;
margin-left: 470px;
}
.testimonials-style4__single {
position: relative;
display: flex;
align-items: center;
z-index: 1;
}
.testimonials-style4__single .big-title {
position: absolute;
top: -20px;
right: -425px;
z-index: -1;
}
.testimonials-style4__single .big-title h2 {
position: relative;
display: inline-block;
color: #191b1a;
font-size: 185px;
line-height: 0.9em;
font-weight: 800;
}
.testimonials-style4__single .big-title h2:after {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 0;
white-space: nowrap;
content: attr(data-hover);
transition: all 0.9s cubic-bezier(0.17, 0.67, 0.32, 0.87);
color: #202321;
}
.testimonials-style4__single:hover .big-title h2:after {
width: 100%;
}
.testimonials-style4__single .big-title.style2 h2 {
color: transparent;
-webkit-background-clip: text;
-webkit-text-stroke: 1px #202321;
}
.testimonials-style4__single-img {
position: relative;
display: block;
}
.testimonials-style4__video {
position: absolute;
top: 50%;
right: -30px;
transform: translateY(-50%);
z-index: 1;
}
.testimonials-style4__video a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
background: var(--thm-white);
border-radius: 50%;
color: var(--thm-black);
font-size: 15px;
line-height: 15px;
}
.testimonials-style4__video a:hover {
color: var(--thm-white);
background: var(--thm-primary-color);
}
.testimonials-style4__single-img .inner {
position: relative;
display: block;
width: 140px;
height: 140px;
overflow: hidden;
border-radius: 50%;
border: 1px solid var(--thm-border-color);
padding: 7px;
}
.testimonials-style4__single-img .inner img {
width: 100%;
border-radius: 50%;
}
.testimonials-style4__single-text {
position: relative;
display: block;
margin-left: 60px;
flex: 1;
}
.testimonials-style4__single-text h2 {
font-size: 24px;
line-height: 30px;
text-transform: capitalize;
margin-bottom: 8px;
}
.testimonials-style4__single-text p {
color: var(--thm-primary-color);
text-transform: capitalize;
}
/***
=============================================
Testimonials Style5 Css
=============================================
***/
.testimonial-style5 {
background-color: #f9f6f3;
padding: 140px 0px 118px;
overflow: hidden;
}
.testimonial-style5__inner {
position: relative;
display: block;
}
.testimonial-style5__single {
position: relative;
display: block;
border-radius: var(--thm-border-radius);
background-color: var(--thm-white);
padding: 39px 40px 33px;
padding-right: 35px;
margin-bottom: 40px;
}
.testimonial-style5__single .overlay-icon {
position: absolute;
bottom: 75px;
right: 40px;
line-height: 0;
}
.testimonial-style5__single .overlay-icon span {
position: relative;
display: inline-block;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
background-image: linear-gradient(0deg, rgba(249, 246, 243, 0.258140756302521) 9%, rgba(249, 246, 243, 1) 60%, rgba(249, 246, 243, 1) 100%);
font-size: 120px;
line-height: 120px;
}
.testimonial-style5__single .review-box {
position: relative;
display: block;
margin-bottom: 20px;
}
.testimonial-style5__single-title {
position: relative;
display: block;
}
.testimonial-style5__single-title h3 {
font-size: 21px;
line-height: 31px;
}
.testimonial-style5__single-title h3 a {
color: var(--thm-black);
}
.testimonial-style5__single-title h3 a:hover {
color: var(--thm-primary-color);
}
.testimonial-style5__single-video {
position: relative;
display: block;
padding-top: 29px;
}
.testimonial-style5__single-video a {
position: relative;
display: inline-flex;
align-items: center;
color: #a5a1a0;
font-size: 16px;
line-height: 26px;
font-weight: 700;
text-transform: capitalize;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}
.testimonial-style5__single-video a:hover {
color: var(--thm-primary-color);
}
.testimonial-style5__single-video a span {
position: relative;
display: inline-block;
color: var(--thm-primary-color);
font-size: 16px;
line-height: 16px;
margin-right: 6px;
}
.testimonial-style5__single-author-info {
position: relative;
display: block;
margin-top: 33px;
}
.testimonial-style5__single-author-info .img-box {
position: relative;
display: block;
width: 70px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 17px;
}
.testimonial-style5__single-author-info .img-box img {
width: 100%;
}
.testimonial-style5__single-author-info .title-box {
position: relative;
display: block;
}
.testimonial-style5__single-author-info .title-box h3 {
font-size: 21px;
line-height: 31px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 1px;
}
.testimonial-style5__single-author-info .title-box p {
margin: 0;
}
.testimonial-style5-carousel.owl-nav-style-one {
position: relative;
display: block;
}
.testimonial-style5-carousel.owl-nav-style-one.owl-theme .owl-nav {
border: 0px solid var(--thm-border-color);
margin: 0 auto;
}
/*---------------------------------------
Testimonial Page One Css
-----------------------------------------*/