.recensione {
background: white;
padding: 0 35px 35px;
box-shadow: 0px 3px 40px 0px rgb(0 0 0 / 30%);
width: 40%;
user-select: none;
transition: transform .05s ease-in-out;
}
.recensione-image_wrapper {
position: relative;
height: 170px; overflow: hidden;
width: 170px;
margin: auto;
margin-top: -85px; box-shadow: 0 5px 10px 0px rgb(0 0 0 / 10%);
}
.recensione-image_wrapper .recensione-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: unset;
max-width: unset;
}
.recensione-azienda {
text-align: center;
color: var(--red);
font-weight: 700;
position: relative;
margin-top: 40px;
margin-bottom: 0;
font-size: 21px;
font-family: var(--title-font);
}
.recensione-autore {
text-align: center;
color: var(--bg-black);
font-weight: 700;
position: relative;
font-size: 29px;
font-family: var(--title-font);
margin-bottom: 40px;
}
.recensione-content {
text-align: center;
font-weight: 200;
line-height: 1.4em;
}
.recensione-footer {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.recensione-footer .recensione-done {
text-align: center;
font-weight: 500;
color: var(--grey);
font-size: 0.85em;
}
.recensione-footer .recensione-logo {
max-width: 70%;
height: auto;
}
.recensione-info_wrapper {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center; justify-content: flex-start;
align-items: stretch;
height: 100%; }
.recensioni_clienti-wrapper .swiper-wrapper {
align-items: stretch;
}
.swiper-slide.recensione {
height: unset;
overflow: unset;
}
.recensioni_clienti-wrapper .recensioni_clienti-pagination .swiper-pagination-bullet {
width: 20px;
height: 20px;
border: 1px solid var(--red);
opacity: 1;
background: transparent;
}
.recensioni_clienti-wrapper .recensioni_clienti-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--red);
}
body .recensioni_clienti-wrapper .recensioni_clienti-pagination {
bottom: -100px;
}
@media (max-width: 500px) {
.recensione-image_wrapper {
width: 160px;
height: 160px;
margin-top: -80px;
}
.recensione {
padding: 0 20px 50px;
}
} p.recensione-azienda {
color: #f87a1f;
font-family: "Caveat";
text-transform: lowercase;
font-size: 1.8em;
font-weight: 700; padding-bottom: 14px;
}
p.recensione-azienda:first-letter {
text-transform: uppercase;
}
p.recensione-scopo {
font-family: 'Roboto';
font-weight: 400;
font-size: 0.8em;
}
p.recensione-slogan {
font-family: 'Caveat';
color: #0a6505;
text-transform: lowercase;
font-size: 2em;
padding: 24px 0;
}
p.recensione-slogan:first-letter {
text-transform: uppercase;
}
p.recensione-specializzazione {
font-weight: 500;
}
.recensioni_clienti-wrapper .swiper-wrapper {
max-width: 80%;
}