.modern-section{
position: relative;
padding: 110px 0px 70px;
}
.modern-section:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 40%;
height: 100%;
background-color: #f9f8fc;
}
.modern-section .image-column{
position: relative;
margin-bottom: 40px;
}
.modern-section .image-column .inner-column{
position: relative;
}
.modern-section .image-column .inner-column .image{
position: relative;
overflow: hidden;
}
.modern-section .image-column .inner-column .image::after {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.modern-section .image-column .inner-column .image:hover::after {
-webkit-animation: circle .95s;
animation: circle .95s;
}
.modern-section .image-column .inner-column .image:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(68,57,134,0.15);
}
.modern-section .image-column .inner-column .image img{
position: relative;
width:100%;
display: block;
transition: all 500ms ease;
}
.modern-section .image-column .inner-column .image:hover img{
transform: scale(1.05);
}
.modern-section .content-column{
position: relative;
}
.modern-section .content-column .inner-column{
position: relative;
padding-left: 30px;
}
.modern-section .content-column .inner-column h2{
position: relative;
color:#443986;
font-size: 48px;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 12px;
}
.modern-section .content-column .inner-column .title{
position: relative;
color:#555555;
font-size: 18px;
font-weight: 500;
margin-bottom: 30px;
}
.modern-section .content-column .inner-column .text{
position: relative;
color:#555555;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 35px;
}