.section-padding {
padding-top: 5rem;
padding-bottom: 5rem;
}
.bg-cover {
background-size: cover;
}
.bg-center {
background-position: center center;
}
.visual {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
}
.visual.left {
left: 0;
right: auto;
} .btn {
border-radius: 5px;
font-family: 'Open Sans',Arial,sans-serif;
font-weight: 700;
font-size: 14px;
padding: 16px 20px;
min-width: 200px;
}
.btn:hover, .btn:focus {
border-radius: 5px;
box-shadow:none;
outline:0;
}
.btn-yellow {
border: 1px solid #EFA91B;
background: #EFA91B;
color: #fff;
}
.btn-yellow:hover, .btn-yellow:focus {
border: 1px solid #dd981d;
background: #dd981d;
color: #fff;
} .banner-image {
height: auto;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-top: 100px;
min-height: 400px;
}
@media screen and (min-width: 981px) {
.banner-image {
height: 500px;
margin-top: 0;
}
}
@media screen and (min-width: 1400px) {
.banner-image {
height: 600px;
}
} #about-team {}
#about-team a .team-hover {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: .5s ease;
border-radius: 10px;
background: linear-gradient(180deg, rgba(37, 47, 97, 0.02) 0%, rgba(37, 47, 97, 0.50) 65.20%, #252F61 100%);
}
#about-team a:hover .team-hover {
opacity: 1;
}
#about-team a .team-box {
color: #fff;
font-family: 'Open Sans',Arial,sans-serif;
font-weight: 400;
font-size: 14px;
position: absolute;
bottom: 12px;
text-align: center;
line-height:18px;
}    
#about-team a .team-box .name {
font-weight: 700;
}    
#about-team .image-box {
height:290px;
border-radius: 10px;
}
#about-team .team-icon {
position: absolute;
top: 12px;
right: 12px;
}