.s4-block-temoignages{overflow: hidden;}
.s4-block-temoignages.is-admin{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; grid-gap: 30px; gap: 30px; overflow: scroll; padding-bottom: 20px;}
.s4-block-temoignages.is-admin .temoignage-item{-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 500px; -ms-flex: 0 0 500px; flex: 0 0 500px; width: 500px; max-width: 500px;}
.s4-block-temoignages.owl-carousel{height: auto !important;}
.s4-block-temoignages.owl-carousel:hover{cursor: grab;}
.s4-block-temoignages.owl-carousel:active{cursor: grabbing;}
.s4-block-temoignages.owl-carousel + .temoignages-scrollbar{width: 100%; margin: 30px 0; border-radius: 5px; background: #FFFFFF; height: 10px;}
.s4-block-temoignages.owl-carousel + .temoignages-scrollbar .bar-container{position: absolute; left: 0; top: -10px !important; border-radius: 10px; padding: 10px 0;}
.s4-block-temoignages.owl-carousel + .temoignages-scrollbar .bar-container .bar{height: 10px; background: #49D880; width: 100%; border-radius: 10px; transition: background .15s ease-in-out;}
.s4-block-temoignages.owl-carousel + .temoignages-scrollbar .bar-container:active .bar,
.s4-block-temoignages.owl-carousel + .temoignages-scrollbar .bar-container:hover .bar{background: #49D880;}
.s4-block-temoignages.owl-carousel + .temoignages-scrollbar .bar-container:hover{cursor: grab;}
.s4-block-temoignages.owl-carousel + .temoignages-scrollbar .bar-container:active{cursor: grabbing;}
.s4-block-temoignages .temoignage-item{display: block; height: 450px !important; border-radius: 20px; position: relative; overflow: hidden;}
.s4-block-temoignages .temoignage-item > img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; transition: transform 3s ease-in-out;}
.s4-block-temoignages .temoignage-item::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: .63; pointer-events: none; background: -webkit-linear-gradient(to top, #000000 0%, rgba(0, 0, 0, .32) 100%); background: -moz-linear-gradient(to top, #000000 0%, rgba(0, 0, 0, .32) 100%); background: -o-linear-gradient(to top, #000000 0%, rgba(0, 0, 0, .32) 100%); background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, .32) 100%);}
.s4-block-temoignages .temoignage-item > div{position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); max-height: 100%; z-index: 3; padding: 15px; backdrop-filter: blur(30px); border-radius: 14px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: start; align-items: start; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: end; justify-content: end; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.s4-block-temoignages .temoignage-item > div > p{color: #49D880; margin-bottom: 10px; font-size: .9rem !important;}
.s4-block-temoignages .temoignage-item > div > h3{color: #FFFFFF; margin-bottom: 30px; font-size: 2rem !important; font-weight: 500 !important;}
.s4-block-temoignages .temoignage-item > div > span{border-radius: 14px; border: unset; background: #49D880; color: #FFFFFF; padding: 25px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; text-align: center; width: fit-content; font-size: 1rem; font-weight: 700; transition: all .15s ease-in-out; white-space: nowrap;}
.s4-block-temoignages .temoignage-item:hover > img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.s4-block-temoignages .temoignage-item:hover div > span{-webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); opacity: .8;}