/***** bloc reviews *****/
.bloc_reviews 											{ position: relative; overflow: hidden; margin: clamp(40px, 10vw, 120px) auto 30px auto;}
.bloc_reviews .list   									{ position: relative;}

.card_review 											{ background: #fff; border: 1px solid #fff; box-shadow: var(--shadow); position: relative; padding: var(--padding); border-radius: var(--imgRadius);}
.card_review p											{ font-size: 14px; line-height: 30px; margin: 0;}
.card_review p.author									{ font-size: 14px; line-height: 22px; font-weight: 600;}
.card_review .note   									{ width: 90px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 5px; margin: 15px 0;}
.card_review .note svg 									{ width: 100%; height: auto; display: block; fill: #ffb504;}


/* if note global */
.bloc_reviews .note_global								{ display: grid; grid-template-columns: auto auto 92px auto 1fr; align-items: end; grid-gap: 20px; margin-bottom: 35px;}
.bloc_reviews .note_global img							{ width: 100%; height: auto; display: block; margin-bottom: -4px;}
.bloc_reviews .note_global .number						{ font-size: 20px; line-height: 30px; font-weight: 600; position: relative;}
.bloc_reviews .note_global .number:after				{ position: absolute; bottom: -68px; right: 33%; background: url("../images/arrow_doodle.svg") 50% / cover no-repeat; width: 60px; height: 65px; transition: none; content: ""; z-index: 10;}
.bloc_reviews .note_global .stars						{ width: 110px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 6px; padding-bottom: 2px;}
.bloc_reviews .note_global .stars svg					{ width: 100%; height: auto; display: block; fill: var(--mainColor1);}
.bloc_reviews .note_global .all_link		 			{ padding-left: 5px; }
.bloc_reviews .note_global .all_link a		 			{ display: inline-block; border-bottom: 1px solid var(--mainColor1); font-size: 13px; line-height: 24px; color: var(--mainColor1);}


/* if slider */
.slider_reviews              							{ margin: 0 -30px 0 0;}
.slider_reviews .slick-list 							{ padding: 0 0 80px 0; overflow: visible;}

.slider_reviews .slick-slide 							{ margin-right: 30px;}
.slider_reviews_nav 									{ position: absolute; right: 0; top: -20px;}
.slider_reviews_nav .slick-arrow						{ width: 60px; margin-left: 10px;}


@media (max-width: 1400px){
.bloc_reviews 												{ margin: 100px auto;}
}
@media (max-width: 1200px){
.bloc_reviews 												{ margin: 80px auto;}
.bloc_reviews .nav_slider 									{ top: -65px;}
.bloc_reviews .note_global									{ margin-bottom: 25px;}
.bloc_reviews .item 										{ padding: 25px; min-height: inherit; margin-right: 15px;}
}
@media (max-width: 700px){
.bloc_reviews 												{ margin: 50px auto 40px auto;}
.bloc_reviews ::-webkit-scrollbar 							{ display: none;}
.bloc_reviews .note_global									{ grid-template-columns: auto auto 80px 1fr; grid-gap: 0 10px; margin-bottom: 20px;}
.bloc_reviews .note_global .number							{ font-size: 18px; line-height: 28px;}
.bloc_reviews .note_global .stars 							{ width: 90px; margin-right: 4px;}
.bloc_reviews .note_global .all_link		 				{ padding: 5px 0 0 0; grid-column: span 4;}
.bloc_reviews .note_global .all_link a		 				{ line-height: 22px;}
.bloc_reviews .slider 										{ width: 100vw; overflow-x: auto; gap: 10px; display: flex; flex-wrap: nowrap; justify-content: start; align-items: start; padding: 0 6vw; margin: 0 -6vw;}
.bloc_reviews .item 										{ min-width: 300px; padding: 20px; margin: 0;}
.bloc_reviews .item p										{ font-size: 12px; line-height: 24px;}
.bloc_reviews .item p.author								{ font-size: 16px; line-height: 20px;}
.bloc_reviews .item .note   								{ width: 70px; margin: 10px 0;}
.slider_reviews_nav .slick-arrow						    { width: 50px; height: 50px; margin-left: 10px;}
.bloc_reviews .note_global .number:after                    { display: none;}
}
@media (max-width: 400px){
.bloc_reviews .item 										{ min-width: 75vw;}
}


