.temoignages-slider-v2 {
position: relative;
width: 100%;
}
.temoignage-v2-container {
display: flex;
align-items: center;
padding-bottom: var(--wp--preset--spacing--3);
} .temoignage-v2-content {
position: relative;
display: flex;
flex-direction: column;
width: 40%;
}
.temoignage-v2-texte-wrapper {
display: flex;
flex-direction: column;
background-color: var(--wp--preset--color--custom-vert-clair-2);
padding: var(--wp--preset--spacing--6) var(--wp--preset--spacing--6);
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
width: 100%;
}
.temoignage-v2-texte-wrapper::after {
content: '';
position: absolute;
top: 0;
left: calc(100% - 1px);
width: 128px;
height: 100%;
background-color: var(--wp--preset--color--custom-vert-clair-2);
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.temoignage-v2-texte {
font-size: var(--wp--preset--font-size--4);
font-weight: 500;
line-height: 1.4!important;
color: var(--wp--preset--color--custom-blanc);
margin: 0;
font-style: italic;
}
.temoignage-v2-auteur {
display: flex;
flex-direction: column;
margin-top: var(--wp--preset--spacing--1);
}
.temoignage-v2-nom-prenom,
.temoignage-v2-fonction {
margin: 0;
}
.temoignage-v2-prenom,
.temoignage-v2-nom {
display: inline;
font-weight: 700;
}
.temoignage-v2-prenom::after {
content: ' ';
} .temoignage-v2-accompagnement-briogel-texte {
border-radius: 10px;
font-size: var(--wp--preset--font-size--2);
font-weight: 400;
} .temoignage-v2-guillemets {
position: absolute;
bottom: -32px;
right: 32px;
z-index: 1;
}
.temoignage-v2-guillemets img {
width: 100px;
height: auto;
} .temoignage-v2-image-wrapper {
position: relative;
z-index: 2;
width: 60%;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--2);
}
.temoignage-v2-image {
width: 100%;
overflow: hidden;
}
.temoignage-v2-image img {
width: 100%;
height: 100%;
display: block;
border-radius: 50px;
} .temoignage-v2-navigation {
position: absolute;
z-index: 2;
bottom: 0;
right: 0;
display: flex;
gap: 1rem;
justify-content: flex-start;
margin-top: var(--wp--preset--spacing--2);
}
.temoignage-v2-slider-prev,
.temoignage-v2-slider-next {
position: relative;
width: 48px;
height: 48px;
cursor: pointer;
transition: opacity 0.3s ease;
}
.temoignage-v2-slider-prev img,
.temoignage-v2-slider-next img {
position: absolute;
top: 0;
left: 0;
width: 48px;
height: 48px;
transition: opacity 0.3s ease;
}
.temoignage-v2-slider-prev:hover img:last-child,
.temoignage-v2-slider-next:hover img:last-child {
opacity: 0;
}
.temoignage-v2-slider-prev img {
transform: rotate(180deg);
} @media (max-width: 768px) {
.temoignage-v2-container {
flex-direction: column;
gap: 0;
}
.temoignage-v2-guillemets {
bottom: 16px;
right: 16px;
}
.temoignage-v2-content {
width: 100%;
}
.temoignage-v2-image-wrapper {
width: 100%;
}
.temoignage-v2-image img {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.temoignage-v2-texte-wrapper {
padding-bottom: var(--wp--preset--spacing--5);
border-radius: 50px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.temoignage-v2-texte {
font-size: var(--wp--preset--font-size--3);
}
.temoignage-v2-guillemets img {
width: 60px;
}
.temoignage-v2-navigation {
justify-content: center;
margin-left: 0;
}
}