section.meetteam { display: none; margin: 100px 0; border-radius: 200px; background-color: #0C0C0C; position: relative; width: calc(100% + 200px); transform: translateX(-100px); }
section.meetteam:after { content: ''; position: absolute; left: -30px; top: -30px; width: calc(100% + 60px); height: calc(100% + 60px); border: 2px solid #fff; border-radius: 200px; }
section.meetteam .meetteam-inner { padding: 100px; border: 2px solid #000000; border-radius: 200px; position: relative; background: url(../../assets/image/team.png) no-repeat center center / cover; z-index: 2; overflow: hidden; }
section.meetteam .meetteam-inner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.9; border-radius: 200px; }
section.meetteam .meetteam-inner > div { position: relative; z-index: 2; }
section.meetteam .meetteam-inner .listing { display: flex; flex-flow: row wrap; gap: 60px; margin: 80px 0 0 0; }
section.meetteam .meetteam-inner .listing .list { width: calc((100% - 120px) / 3); }
section.meetteam .meetteam-inner .listing .list .list-inner { position: relative; text-align: right; padding: 0 0 30px 0; }
section.meetteam .meetteam-inner .listing .list .list-inner .list-backshape { position: absolute; left: 10%; top: 10%; transform: translate(-10%, -10%); width: 90%; height: 90%; background-color: #ffffff; border-radius: 20px; z-index: -1; padding: 10px; }
section.meetteam .meetteam-inner .listing .list .list-inner .list-backshape:before { content: ''; position: absolute; left: -15px; top: -15px; width: calc(100% + 30px); height: calc(100% + 30px); background-color: transparent; border-radius: 20px; z-index: -1; border: 2px solid #ffffff; }
section.meetteam .meetteam-inner .listing .list .list-inner .name-post { background-color: #ECA77A; border-radius: 20px; padding: 15px 30px; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; width: 80%; }
section.meetteam .meetteam-inner .listing .list .list-inner .name-post .title-content .below-title { margin: 0; color: #ffffff; }
section.meetteam .meetteam-inner .listing .list .list-inner .name-post .title-content { margin: 0; }
section.meetteam .meetteam-inner .listing .list .list-inner .name-post .title-content .main-title h3 { margin: 0; }
section.meetteam .meetteam-inner .listing .list .list-inner .name-post .title-content .below-title:after,
section.meetteam .meetteam-inner .listing .list .list-inner .name-post .title-content .below-title:before { background-color: #000000; width: 5px; height: 5px; }
section.meetteam .meetteam-inner .listing .list .list-inner .list-image img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
section.meetteam .meetteam-inner .listing .list .list-inner .list-image { height: 434px; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width:1199px) {
    section.meetteam .meetteam-inner .listing { gap: 35px; }
    section.meetteam .meetteam-inner .listing .list { width: calc((100% - 70px) / 3); }
    section.meetteam .meetteam-inner .listing .list .list-inner .list-image { height: 290px; display: flex; align-items: center; justify-content: center; }
    section.meetteam .meetteam-inner .listing .list .list-inner .name-post { padding: 10px 20px; bottom: 10px; }
}
@media screen and (max-width:767px) {
    section.meetteam { border-radius: 20px; width: calc(100% - 30px); transform: none; margin: 60px 15px 0 15px; }
    section.meetteam:after { border-radius: 20px; left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 20px); }
    section.meetteam .meetteam-inner:before, section.meetteam .meetteam-inner { border-radius: 20px; padding: 15px 0; }
    section.meetteam .meetteam-inner .listing { gap: 25px; margin: 0; }
    section.meetteam .meetteam-inner .listing .list { width: 100%; }
    section.meetteam .meetteam-inner .listing .list .list-inner { padding: 0; background-color: #ffffff; border-radius: 20px; }
    section.meetteam .meetteam-inner .listing .list .list-inner .list-backshape:before { display: none; }
    section.meetteam .meetteam-inner .listing .list .list-inner .list-backshape { display: none; }
    section.meetteam .meetteam-inner .listing .list .list-inner .list-image { height: auto; }
    section.meetteam .meetteam-inner .listing .list .list-inner .name-post { border-radius: 20px; bottom: 0; }
}