.event-section{
position: relative;
display: block;
width: 100%;
padding: 144px 0px 120px 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.event-section:before {
position: absolute;
content: '';
background: rgba(33, 47, 84, 0.50);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.event-section .sec-title{
position: relative;
display: block;
margin-bottom: 57px;
}
.event-section .sec-title h1{
color: #fff;
}
.event-block-one .inner-box{
position: relative;
display: block;
background: #fff;
padding: 45px 0px 39px 0px;
border-radius: 20px;
margin-bottom: 30px;
min-height: 300px;
}
.event-block-one .inner-box .image-box{
position: absolute;
left: 0px;
top: 0px;
width: 220px;
height: 300px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background: #2b3c6b;
overflow: hidden;
z-index: 1;
}
.event-block-one .inner-box .image-box img{
width: 100%;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
transition: all 500ms ease;
}
.event-block-one .inner-box:hover .image-box img{
transform: scale(1.03);
opacity: 0.5;
}
.event-block-one .inner-box .content-box{
position: relative;
display: block;
padding-left: 270px;
}
.event-block-one .inner-box .content-box h3{
margin-bottom: 13px;
}
.event-block-one .inner-box .content-box .text{
position: relative;
display: block;
margin-bottom: 18px;
}
.event-block-one .inner-box .content-box .location{
position: relative;
display: block;
font-size: 14px;
color: #848484;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 400;
text-transform: uppercase;
}
.event-block-one .inner-box .content-box .location span{
font-weight: 700;
color: var(--main-color);
}
.event-block-one .inner-box .content-box .location i{
position: relative;
margin-right: 6px;
color: var(--main-color);
font-size: 22px;
font-weight: 600;
top: 4px;
}