/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.overflow-right-div {
    width: 124%;
}

.single-testimonials-area {
    border-radius: 16px;
    border: 1px solid #EDDBDC;
    background: var(--testimonial-single-bg);
    padding: 35px;
    display: block;
    overflow: hidden;
    position: relative
}

.single-testimonials-area p.disc {
    max-width: 95%
}

.single-testimonials-area .author-area {
    display: flex;
    align-items: center;
    gap: 24px;
    padding-top: 20px;
    border-top: 1px solid #EDDBDC
}

.single-testimonials-area .author-area .title {
    margin-bottom: 3px;
    color: var(--color-title)
}

.single-testimonials-area .quote-image {
    position: absolute;
    top: -20px;
    right: 15%
}

[data-theme=dark] .single-testimonials-area .quote-image {
    filter: invert(.8)
}


.single-testimonials-area .logo img {
    width: 85px;
    height: auto;
}

.single-testimonials-area .logo {
    margin-bottom: 24px;
}

.single-testimonials-area .disc {
    line-height: 28.8px;
    margin-bottom: 26px;
}

.mySwiper-testimonials-one {
    overflow: hidden;
    position: relative;
    padding-bottom: 100px
}

.rts-client-feedback-area.home-2 .shape-area .one,.rts-fun-facts-area .shape-area .two,.rts-testimonials-area-one .shape-area .one {
    position: absolute;
    top: 10%;
    left: 50%
}

.rts-testimonials-area-one .shape-area .two {
    position: absolute;
    top: 34%;
    left: 70%
}

.rts-testimonials-area-one .button-pagination-area {
    display: flex;
    align-items: center;
    position: relative
}

.rts-testimonials-area-one .button-pagination-area .swiper-pagination {
    left: 0;
    right: auto;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 5px;
    bottom: 31px
}

.mySwiper-service-2 .button-pagination-area .swiper-pagination .swiper-pagination-bullet,.rts-testimonials-area-one .button-pagination-area .swiper-pagination .swiper-pagination-bullet {
    background: #2fa4a9;
    height: 11px;
    width: 11px
}

.mySwiper-service-2 .button-pagination-area .swiper-button-next,.mySwiper-service-2 .button-pagination-area .swiper-button-prev,.rts-testimonials-area-one .button-pagination-area .swiper-button-next,.rts-testimonials-area-one .button-pagination-area .swiper-button-prev {
    background-image: none;
    bottom: 0;
    top: auto
}

.mySwiper-service-2 .button-pagination-area .swiper-button-next::after,.mySwiper-service-2 .button-pagination-area .swiper-button-prev::after,.rts-testimonials-area-one .button-pagination-area .swiper-button-next::after,.rts-testimonials-area-one .button-pagination-area .swiper-button-prev::after {
    position: absolute;
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    right: 0;
    bottom: 10px;
    color: #000;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2fa4a924;
    color: #2fa4a9;
    transform: rotate(-45deg);
    transition: .3s
}

.mySwiper-service-2 .button-pagination-area .swiper-button-next:hover::after,.mySwiper-service-2 .button-pagination-area .swiper-button-prev:hover::after,.rts-testimonials-area-one .button-pagination-area .swiper-button-next:hover::after,.rts-testimonials-area-one .button-pagination-area .swiper-button-prev:hover::after {
    background: #2fa4a9;
    color: #fff;
    transform: scale(1.1) rotate(-45deg)
}

.rts-testimonials-area-one .button-pagination-area .swiper-button-next {
    right: 0;
    left: auto
}

.rts-testimonials-area-one .button-pagination-area .swiper-button-prev {
    right: 60px;
    left: auto
}

.mySwiper-service-2 .button-pagination-area .swiper-button-prev::after,.rts-testimonials-area-one .button-pagination-area .swiper-button-prev::after {
    content: "\f060"
}

.single-testimonials-area .author-area .avatar img{
    height: 60px;
    width: 60px;
    border-radius: 50px;
}

@media only screen and (max-width: 767px) {
    .overflow-right-div {
        width: 100% !important;
    }
}



.customer-review-area {
    display: flex;
    gap: 15px;
    align-items: center
}

.customer-review-area .client-img {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    width: 110px;
    transition: all .3s
}

.customer-review-area .client-img img {
    position: absolute;
    left: 0;
    cursor: pointer;
    transition: all .3s;
    transform: scale(1);
    max-width: 40%!important
}

.customer-review-area .client-img img:hover {
    z-index: 2;
    transform: scale(1.1)
}

.customer-review-area .client-img img.image2 {
    left: 24px
}

.customer-review-area .client-img img.image3 {
    left: 48px
}

.customer-review-area .client-img img.image4 {
    left: 72px
}

.customer-review-area p.desc {
    margin-bottom: 0
}

@media (max-width: 375px) {
    .customer-review-area {
        display:block
    }

    .customer-review-area .client-img {
        margin-bottom: 25px
    }
}