91 lines
2.1 KiB
Sass
91 lines
2.1 KiB
Sass
/*******************************************************/
|
|
/**************** ## Call To Action Area ****************/
|
|
/*******************************************************/
|
|
.cta-content
|
|
&:before
|
|
content: ''
|
|
+poLT(0)
|
|
+size(50vw, 100%)
|
|
background-color: $primary-color
|
|
background-image: url(../images/background/cta-dot-bg.png)
|
|
background-repeat: no-repeat
|
|
background-size: cover
|
|
z-index: -1
|
|
+res-bl(lg)
|
|
width: 100%
|
|
.cta-badge
|
|
+absmiddle()
|
|
+size(180px)
|
|
background-repeat: no-repeat
|
|
background-size: cover
|
|
+flexcenter(center)
|
|
text-align: center
|
|
+res-bl(lg)
|
|
right: 5%
|
|
left: auto
|
|
transform: translate(0, -50%)
|
|
+res-bl(md)
|
|
+size(130px)
|
|
transform: translate(0)
|
|
+res-bl(xs)
|
|
+size(100px)
|
|
span
|
|
@extend %h3
|
|
font-size: 35px
|
|
+res-bl(md)
|
|
font-size: 25px
|
|
+res-bl(xs)
|
|
font-size: 20px
|
|
.theme-btn.style-two
|
|
border: 1px solid $secondary-color
|
|
.cta-bg
|
|
+poRT(0)
|
|
+size(50vw, 100%)
|
|
background-repeat: no-repeat
|
|
background-size: cover
|
|
z-index: -1
|
|
+res-bl(lg)
|
|
display: none
|
|
|
|
/* CTA Area Two */
|
|
.cta-content-two
|
|
max-width: 380px
|
|
|
|
.cta-two-image
|
|
position: relative
|
|
max-width: max-content
|
|
z-index: 1
|
|
.badge
|
|
max-width: 44%
|
|
+poRT(25px, -25px)
|
|
&:before
|
|
content: ''
|
|
+size(100%)
|
|
+absmiddle()
|
|
z-index: -1
|
|
border-radius: 50%
|
|
filter: blur(35px)
|
|
background: $primary-color
|
|
|
|
.cta-content-list
|
|
width: 350px
|
|
+res-ab(xl)
|
|
margin-left: auto
|
|
|
|
.cta-two-shapes
|
|
.shape
|
|
z-index: -1
|
|
max-width: 15%
|
|
position: absolute
|
|
&.one
|
|
top: 10%
|
|
left: 3%
|
|
&.two
|
|
left: 3%
|
|
bottom: 10%
|
|
&.three
|
|
top: 10%
|
|
right: 3%
|
|
&.four
|
|
right: 3%
|
|
bottom: 10% |