- content {
padding: 0px!important; margin: 0px!important; width: 100%!important;
}
/* Sections Header
*/
.section-header h3 {
font-size: 32px; color: #111; text-transform: uppercase; text-align: center; font-weight: 700; position: relative; padding-bottom: 15px;
}
.section-header h3::before {
content: ; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px);
}
.section-header h3::after {
content: ; position: absolute; display: block; width: 40px; height: 3px; background: #18d26e; bottom: 0; left: calc(50% - 20px);
}
.section-header p {
text-align: center; padding-bottom: 30px; color: #333;
}
/* Back to top button */ .back-to-top {
position: fixed; background: #18d26e; background-repeat: no-repeat; background-size: contain; color: #fff; display: inline-block; width: 60px; height: 60px; text-align: center; line-height: 1; font-size: 16px; border-radius: 50%; right: 30px; bottom: 30px; transition: background 0.5s; z-index: 500;
}
.back-to-top i {
padding-top: 12px; color: #fff;
}
@media (max-width: 768px) {
.back-to-top { bottom: 30px; }
} /* Team Section
*/
.team {
background: #fff; padding: 60px 0;
}
.team .member {
text-align: center; margin-bottom: 20px; background: #fff; position: relative;
}
.team .member .member-info {
visibility: hidden; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; top: 0; left: 0; right: 0; transition: 0.2s; color: #ffffff;
}
.team .member:hover .member-info {
background: rgba(0, 0, 0, 0.1); visibility: visible; transition: 0.4s; color: #ffffff;
}
.team .member h4 {
font-weight: 700; margin-bottom: 2px; font-size: 18px; color: #fff;
}