/*** 

====================================================================
	Call To Action Section
====================================================================

 ***/

.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
====================================================================

***/

.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;
}


/* cta style two */
.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 */

.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);
}