.call-to-action-section{
position: relative;
}
.call-to-action-section .outer-container{
position: relative;
background-color: var(--theme-color);
}
.call-to-action-section .left-column{
position: relative;
width: 50%;
float: left;
}
.call-to-action-section .left-column .image-layer{
position: absolute;
content: '';
left: 0px;
top: 0px;
right: -120px;
bottom: 0px;
z-index: 1;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.call-to-action-section .left-column .inner-column{
position: relative;
padding: 53px 15px;
max-width: 600px;
float: right;
width: 100%;
z-index: 1;
}
.call-to-action-section .left-column .image-layer:before{
position:absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(68,57,134,0.90);
}
.call-to-action-section .left-column h2{
position:relative;
color:#ffffff;
font-size: 26px;
font-weight: 600;
line-height: 1.4em;
}
.call-to-action-section .right-column{
position: relative;
width: 50%;
float: right;
}
.call-to-action-section .right-column .inner-column{
position: relative;
padding: 60px 0px;
text-align: right;
max-width: 700px;
padding-right:15px;
} .call-to-action-two{
position: relative;
padding: 120px 0px;
text-align: center;
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
.call-to-action-two:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(18,14,14,0.80);
}
.call-to-action-two h2{
position: relative;
color:#ffffff;
font-size: 42px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 20px;
}
.call-to-action-two .text{
position: relative;
color:#ffffff;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 40px;
} .call-to-action-two.style__two {
padding: 150px 0;
}
.call-to-action-two.style__two:before {
display: none;
}
.call-to-action-two.style__two h2 {
font-size: 40px;
font-weight: 700;
line-height: 52px;
margin-bottom: 30px;
}
.call-to-action-two.style__two .shape {
position: absolute;
top: 0;
right: -15px;
bottom: 0;
left: -15px;
background: #ddd;
transform: rotate(-2deg);
}
.call-to-action-two.style__two .bg_image {
position: absolute;
top: 0;
right: 0;
bottom: 0;  
left: 0;
background-size: cover;
} .cta__section {
position: relative;
padding: 150px 0 120px;
background-color: #3f357a;
}
.cta__section h2 {
position: relative;
font-size: 40px;
font-weight: 700;
line-height: 52px;
color: #fff;
margin-bottom: 30px;
}
.cta__section .link-btn {
margin-bottom: 30px;
}
.cta__section .shape {
position: absolute;
top: 0;
right: 0;
width: 500px;
height: 620px;
pointer-events: none;
}
.cta__section .shape:after {
position: absolute;
content: '';
top: -120px;
right: -197px;
width: 562px;
height: 562px;
background: #fff;
opacity: .03;
transform: rotate(45deg);
}
.cta__section .shape:before {
position: absolute;
content: '';
top: -70px;
right: -197px;
width: 562px;
height: 562px;
background: #fff;
opacity: .05;
transform: rotate(45deg);
}
.cta__section .shape-two {
position: absolute;
bottom: 0;
left: 0;
width: 375px;
height: 165px;
overflow: hidden;
pointer-events: none;
}
.cta__section .shape-two:after {
position: absolute;
content: '';
top: 120px;
left: -57px;
width: 550px;
height: 550px;
background: #fff;
opacity: .03;
transform: rotate(45deg);
}
.cta__section .shape-two:before {
position: absolute;
content: '';
top: 115px;
left: -105px;
width: 550px;
height: 550px;
background: #fff;
opacity: .05;
transform: rotate(45deg);
}