/*** ============================================= 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 -----------------------------------------*/