/************************************/
/***    12. Our Testimonial css   ***/
/************************************/

.our-testimonial{
	/* background: url('../../images/testimonial-bg.png'), var(--background-accent-color); */
	background: var(--background-accent-color);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 100px 0;
}

.our-testimonial-image{
	margin-right: 30px;
}

.our-testimonial-image figure{
	display: block;
	border-radius: 40px;
	overflow: hidden;
}

.our-testimonial-image img{
	aspect-ratio:  1 / 1.05;
	border-radius: 40px;
	object-fit: cover;
}

.testimonial-slider .swiper-wrapper{
	cursor: none;
}

.testimonial-rating{
	margin-bottom: 20px;
}

.testimonial-item .testimonial-rating i{
	color: var(--accent-color);
}

.testimonial-content{
	margin-bottom: 60px;
}

.testimonial-content p{
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}

.testimonial-body{
	display: flex;
	align-items: center;
}

.testimonial-body .author-image{
	margin-right: 15px;
}

.testimonial-body .author-image img{
	width: 60px;
	height: 60px;
	border-radius: 10px;
}

.testimonial-body .author-content{
	width: calc(100% - 75px);
}

.testimonial-body .author-content h3{
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.testimonial-body .author-content p{
	margin: 0;
}

.testimonial-btn{
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: right;
	margin-top: 30px;
	z-index: 2;
}

.testimonial-slider .testimonial-button-next,
.testimonial-slider .testimonial-button-prev{
	position: relative;
	width: 56px;
	height: 56px;
	background: var(--accent-color);
	border-radius: 10px;
	transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-next{
	margin-left: 30px;
}


.testimonial-slider .testimonial-button-next:hover,
.testimonial-slider .testimonial-button-prev:hover{
	background: var(--secondary-color);
}

.testimonial-slider .testimonial-button-next::before,
.testimonial-slider .testimonial-button-prev::before{
	content: '';
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background: url('../../images/arrow-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px auto;
	transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-prev::before{
	transform: rotate(225deg);
}

.testimonial-slider .testimonial-button-next:hover:before,
.testimonial-slider .testimonial-button-prev:hover:before{
	color: var(--heading-color);
}

.testimonial-company-slider{
	border-top: 1px solid var(--divider-color);
	padding-top: 80px;
	margin-top: 80px;
}

.testimonial-company-slider .company-logo{
	text-align: center;
}

/* Hauteur imposée plutôt que largeur : les logos fournis n'ont ni le même
   format ni le même cadrage, et seule une hauteur commune les aligne. */
.testimonial-company-slider .company-logo img{
	max-width: 100%;
	max-height: 40px;
	width: auto;
	margin: 0 auto;
	object-fit: contain;
}


/************************************/
/***       Responsive css        ***/
/************************************/

@media only screen and (max-width: 991px) {
    .our-testimonial {
        padding: 50px 0;
    }

    .our-testimonial-image {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .our-testimonial-image figure,
	.our-testimonial-image img {
        aspect-ratio: 1 / 0.8;
        border-radius: 30px;
    }

    .testimonial-rating {
        margin-bottom: 10px;
    }

    .testimonial-content {
        margin-bottom: 40px;
    }

    .testimonial-content p {
        font-size: 18px;
    }

    .testimonial-slider .testimonial-button-next,
	.testimonial-slider .testimonial-button-prev {
        width: 46px;
        height: 46px;
    }

    .testimonial-company-slider {
        padding-top: 40px;
        margin-top: 40px;
    }

}

@media only screen and (max-width: 767px) {
    .testimonial-content {
        margin-bottom: 20px;
    }

    .testimonial-content p {
        font-size: 16px;
    }

    .testimonial-body .author-content h3 {
        font-size: 18px;
    }

    .testimonial-btn {
        position: initial;
        justify-content: left;
    }

    .testimonial-slider .testimonial-button-next,
	.testimonial-slider .testimonial-button-prev {
        width: 40px;
        height: 40px;
    }

    .testimonial-slider .testimonial-button-next {
        margin-left: 15px;
    }

    .testimonial-company-slider {
        padding-top: 30px;
        margin-top: 30px;
    }

}