section.m33_testimonials {
background: #191d20;
padding: 226px 0 234px;
}
section.m33_testimonials .m33_testimonials_main {
display: flex;
flex-direction: column;
align-items: center;
}
section.m33_testimonials .m33_testimonials_main * {
text-align: center;
font-family: 'oswald', sans-serif;
}
section.m33_testimonials .m33_testimonials_item {
position: relative;
z-index: 1;
}
section.m33_testimonials .m33_text_container * {
font-size: 45px;
color: #8b8c8c;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
section.m33_testimonials .m33_text_container {
max-width: 865px;
}
section.m33_testimonials .m33_text_container span {
background: linear-gradient(to right, #8b8c8c, #8b8c8c);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
animation: colorChange .1s forwards;
}
@keyframes colorChange {
to {
background: linear-gradient(to right, #8b8c8c 0%,#fff 0%,#fff 100%);
background-clip: text;
-webkit-background-clip: text;
}
}
section.m33_testimonials .m33_kundenname_container * {
font-size: 25px;
color: #1b9cd9;
}
section.m33_testimonials .m33_testimonials_item_quote_img_container {
position: absolute;
z-index: -1;
}
section.m33_testimonials .m33_testimonials_item_quote_img_container.quote_open {
top: -70px;
left: -52px;
}
section.m33_testimonials .m33_testimonials_item_quote_img_container.quote_close {
right: 0;
bottom: 0;
}
section.m33_testimonials .m33_testimonials_item_quote_img_container img {
width: 106px;
height: auto;
}
@media screen and (max-width: 1199px) {
section.m33_testimonials {
padding: 166px 0 174px;
}
}
@media screen and (max-width: 991px) {
section.m33_testimonials {
padding: 80px 0;
}
section.m33_testimonials .m33_testimonials_item_quote_img_container.quote_open {
top: -70px;
left: 0;
}
}
@media screen and (max-width: 575px) {
section.m33_testimonials {
padding: 50px 0;
}
section.m33_testimonials .m33_testimonials_main * {
text-align: start;
}
section.m33_testimonials .m33_text_container * {
font-size: 35px;
}
}
@media screen and (max-width: 475px) {
section.m33_testimonials .m33_text_container * {
font-size: 25px;
}
section.m33_testimonials .m33_kundenname_container * {
font-size: 16px;
}
}