118 lines
2.9 KiB
Sass
118 lines
2.9 KiB
Sass
/*******************************************************/
|
|
/**************** ## Testimonials Area ****************/
|
|
/*******************************************************/
|
|
.testimonials-wrap
|
|
padding: 100px 85px
|
|
border-radius: 20px
|
|
border: 1px solid $border-color
|
|
+res-bl(lp)
|
|
+gapLR(padding, 40px)
|
|
+res-bl(md)
|
|
+gapLR(padding, 25px)
|
|
|
|
.testimonial-left-image
|
|
min-height: 500px
|
|
border-radius: 20px
|
|
background-size: cover
|
|
background-position: center
|
|
+res-ab(lg)
|
|
+poRT(0, -30px)
|
|
width: calc(50vw - 20%)
|
|
height: calc(100% + 60px)
|
|
|
|
.testimonial-right-content
|
|
max-width: 570px
|
|
+res-ab(lg)
|
|
margin-left: auto
|
|
|
|
.testimonial-item
|
|
.text
|
|
font-size: 30px
|
|
line-height: 1.5
|
|
margin-bottom: 60px
|
|
+res-bl(md)
|
|
font-size: 25px
|
|
+res-bl(sm)
|
|
font-size: 22px
|
|
+res-bl(xs)
|
|
font-size: 20px
|
|
|
|
.testi-header
|
|
display: flex
|
|
flex-wrap: wrap
|
|
align-items: center
|
|
margin-bottom: 15px
|
|
.quote
|
|
font-size: 60px
|
|
margin-right: 30px
|
|
margin-bottom: 15px
|
|
color: $primary-color
|
|
+res-bl(md)
|
|
font-size: 45px
|
|
margin-right: 15px
|
|
h4
|
|
margin-right: 15px
|
|
margin-bottom: 15px
|
|
+res-bl(md)
|
|
font-size: 20px
|
|
.ratting
|
|
padding: 5px 12px
|
|
margin-bottom: 15px
|
|
border-radius: 20px
|
|
background: $secondary-color
|
|
i
|
|
color: white
|
|
+res-ab(md)
|
|
font-size: 16px
|
|
|
|
.author
|
|
display: flex
|
|
align-items: center
|
|
.image
|
|
max-width: 65px
|
|
margin-right: 25px
|
|
+res-bl(sm)
|
|
margin-right: 15px
|
|
+res-bl(xs)
|
|
max-width: 55px
|
|
img
|
|
border-radius: 50%
|
|
.content
|
|
h5
|
|
margin-bottom: 0
|
|
+res-bl(xs)
|
|
font-size: 18px
|
|
|
|
.testimonial-left-content
|
|
position: relative
|
|
max-width: 595px
|
|
padding-right: 50px
|
|
padding-bottom: 60px
|
|
+res-bl(ms)
|
|
padding-right: 20px
|
|
.happy-customer
|
|
+poRB(0)
|
|
padding: 35px 40px 40px
|
|
max-width: 270px
|
|
border-radius: 10px
|
|
+res-bl(ms)
|
|
padding: 25px 30px 30px
|
|
h6
|
|
font-size: 18px
|
|
font-weight: 400
|
|
margin-bottom: 18px
|
|
letter-spacing: -0.02em
|
|
hr
|
|
margin-top: 30px
|
|
margin-bottom: 20px
|
|
opacity: .3
|
|
p
|
|
margin-bottom: 13px
|
|
.testi-header
|
|
margin-bottom: 0
|
|
.ratting
|
|
margin-bottom: 0
|
|
&.bgc-black
|
|
outline: 5px solid white
|
|
.feature-authors > span
|
|
background: $primary-color |