.fluid-section-one{
position:relative;
}
.fluid-section-one .outer-container{
position:relative;
min-height:250px;
background-color:#f9f8fc;
}
.fluid-section-one .image-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;	
}
.fluid-section-one .image-column .image-box{
position:relative;
display:none;	
}
.fluid-section-one .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-one .content-column{
position:relative;
float:right;
width:50%;
}
.fluid-section-one .content-column .inner-column{
position:relative;
width:100%;
padding:100px 0px 80px 45px;
}
.fluid-section-one .content-column .inner-column .title-box{
position: relative;
width:50%;
float: left;
}
.fluid-section-one .content-column .inner-column .title-box .box-inner{
position: relative;
padding-right: 50px;
} .fluid-section-one .content-column .inner-column .title-box h2{
position: relative;
color: #443986;
font-size: 48px;
font-weight: 600;
line-height: 1.3em;
margin-bottom: 20px;
text-transform: capitalize;
}
.fluid-section-one .content-column .inner-column .title-box .text{
position: relative;
padding-left: 50px;
color:#555555;
font-size: 16px;
line-height: 1.7em;
}
.fluid-section-one .content-column .inner-column .title-box .text:before{
position: absolute;
content: "\f1ac";
left: 0px;
top: 0px;
color:var(--theme-color);
line-height: 1em;
font-size: 40px;
font-family: "Flaticon";
}
.fluid-section-one .content-column .carousel-box{
position: relative;
float: right;
width:50%;
}
.fluid-section-one .content-column .carousel-box .box-inner{
position: relative;
padding: 100px 40px 80px;
background-color: #222222;
}
.fluid-section-one .content-column .carousel-box .quote-icon{
position: absolute;
right: 60px;
top: -28px;
color:var(--theme-color);
line-height: 1em;
font-size: 60px;
}
.fluid-section-one .content-column .carousel-box .owl-nav,
.fluid-section-one .content-column .carousel-box .owl-dots{
display:none;
} .fluid-section-two{
position:relative;
}
.fluid-section-two .outer-container{
position:relative;
min-height:250px;
background-color:#443986;
}
.fluid-section-two .image-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;	
}
.fluid-section-two .image-column .image-box{
position:relative;
display:none;	
}
.fluid-section-two .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-two .content-column{
position:relative;
float:right;
width:50%;
}
.fluid-section-two .content-column .inner-column{
position:relative;
max-width:650px;
width:100%;
padding:100px 15px 100px 100px;
} .fluid-section-three{
position:relative;
background-color:#f9f8fc;
}
.fluid-section-three .left-column{
position: relative;
left: 0px;
top:0px;
width: 50%;
height: 100%;
float: left;
}
.fluid-section-three .left-column .inner-column{
position: relative;
max-width: 650px;
width: 100%;
float: right;
padding: 130px 80px 130px 15px;
}
.fluid-section-three .left-column .inner-column .btn-box{
margin-top: 50px;
}
.fluid-section-three .right-column{
position: relative;
right: 0px;
top:0px;
width: 50%;
height: 100%;
float:right;
background-size: cover;
background-repeat: no-repeat;
}
.fluid-section-three .right-column .inner-column{
position: relative;
max-width: 600px;
float: left;
padding: 130px 15px 130px 160px;
}
.fluid-section-three .right-column:before{
position:absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(68,57,134,0.90);
}
.fluid-section-three .right-column .inner-column .play-btn{
position: relative;
width:80px;
height: 80px;
color:#222222;
font-size: 28px;
padding-left: 6px;
line-height: 80px;
text-align: center;
border-radius: 50%;
margin-bottom: 50px;
display: inline-block;
background-color: #ffffff;
}
.fluid-section-three .right-column .inner-column .play-btn:before{
position: absolute;
content: '';
left: -5px;
top: -5px;
bottom: -5px;
right: -5px;
border-radius: 50px;
border: 5px solid rgba(255,255,255,0.20);
}
.fluid-section-three .right-column .inner-column .play-btn:after{
position: absolute;
content: '';
left: -10px;
top: -10px;
bottom: -10px;
right: -10px;
border-radius: 50px;
border: 4px solid rgba(255,255,255,0.10);
}
.fluid-section-three .right-column .inner-column h2{
position:relative;
color:#ffffff;
font-size: 48px;
font-weight: 600;
line-height: 1.3em;
}
.fluid-section-three .right-column .inner-column .title{
position:relative;
color:#ffffff;
font-size: 18px;
font-weight: 700;
line-height: 1.4em;
margin-top: 8px;
margin-bottom: 35px;
}
.fluid-section-three .right-column .inner-column .title:before{
position: absolute;
left: -50px;
top: 11px;
content: '';
height: 1px;
width: 35px;
background-color: rgba(255,255,255,0.40);
}
.fluid-section-three .right-column .inner-column .text{
position:relative;
color:#ffffff;
font-size: 18px;
font-weight: 300;
line-height: 1.6em;
margin-bottom: 50px;
} .fluid-section-four{
position:relative;
background-color:#f9f8fc;
}
.fluid-section-four .image-column{
position: absolute;
left: 0px;
top:0px;
width: 50%;
height: 100%;
float:right;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.fluid-section-four .image-column .image{
width: 100%;
display: none;
}
.fluid-section-four .image-column .image img{
display: block;
width: 100%;
}
.fluid-section-four .image-column .overlay-link{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(68,57,134,0.70);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.fluid-section-four .image-column .overlay-link .icon-box{
position: absolute;
left: 50%;
top: 50%;
width: 80px;
height: 80px;
color: #222222;
font-size: 28px;
padding-left: 6px;
line-height: 80px;
text-align: center;
border-radius: 50%;
margin-bottom: 50px;
display: inline-block;
margin-left: -40px;
margin-top: -40px;
background-color: #ffffff;
}
.fluid-section-four .image-column .overlay-link .icon-box:before{
position: absolute;
content: '';
left: -5px;
top: -5px;
bottom: -5px;
right: -5px;
border-radius: 50px;
border: 5px solid rgba(255,255,255,0.20);
}
.fluid-section-four .image-column .overlay-link .icon-box:after{
position: absolute;
content: '';
left: -10px;
top: -10px;
bottom: -10px;
right: -10px;
border-radius: 50px;
border: 4px solid rgba(255,255,255,0.10);
}
.fluid-section-four .image-column:hover .overlay-link{
background: rgba(68,57,134,0.40);
} .fluid-section-four .content-column{
position: relative;
width: 50%;
float:right;
padding:85px 60px 100px 90px;
}
.fluid-section-four .content-column .content-box{
position:relative;
max-width:525px;
float:left;
}