/home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/sass
Edit: /home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/sass/_testimonials.scss (2274B)
.testimonials-one {
padding-top: 120px;
background-image: url(../images/shapes/testimonials-map-1-1.png);
background-position: top center;
background-repeat: no-repeat;
}
.testimonials-one__box {
text-align: center;
p {
background-color: #eff2f6;
transition: all 500ms ease;
margin-bottom: 0;
position: relative;
padding: 50px 61px;
padding-bottom: 65px;
border-radius: $border-radius;
@media(max-width: 1199px) {
padding: 30px 35px;
padding-bottom: 65px;
}
&::before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: calc(100% - 4px);
background-color: #fff;
opacity: 0;
transition: all 500ms ease;
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
transition: all 500ms ease;
}
span {
position: relative;
}
}
&-info {
position: relative;
top: -35px;
> img {
border-radius: 50%;
}
h3 {
margin: 0;
font-size: 18px;
color: $thm-base;
line-height: 1;
margin-top: 15px;
margin-bottom: 7px;
}
span {
font-size: 14px;
font-weight: 500;
line-height: 1;
display: block;
}
}
&:hover {
p {
background-color: $thm-primary;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
&::before {
opacity: 1;
}
}
}
}
.testimonials-one__swiper-pagination {
position: relative;
bottom: auto;
left: auto;
text-align: right;
margin-top: 20px;
margin-bottom: 30px;
@media(max-width: 991px) {
text-align: center;
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: #0c2139;
border-radius: 50%;
transition: transform 500ms ease;
transform: scale(1);
transform-origin: center center;
&-active {
background-color: $thm-base;
transform: scale(1.5);
transform-origin: center center;
}
}
}
.testimonials-one__about-page {
padding-bottom: 70px;
.testimonials-one__swiper-pagination {
text-align: center;
}
}