.team-container{background-color:#f3f3f0;padding-bottom:200px}@media screen and (max-width:1200px){.team-container{padding:70px 35px}}.team-container .top{display:flex;justify-content:space-between;margin-bottom:70px}@media screen and (min-width:1200px){.team-container .top{margin-bottom:100px}}.team-container .top .left-side{position:relative}.team-container .top .left-side .label{background-color:#ffff69;font-weight:600;margin:0;padding:5px 10px;width:fit-content}.team-container .top .left-side h2{margin:15px 0 30px}.team-container .top .left-side a{margin-top:30px}@media screen and (min-width:1200px){.team-container .top .left-side{margin-left:35px;margin-top:150px;width:50%}.team-container .top .left-side:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none' viewBox='0 0 34 34'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23C5C5B4' d='M0 34V0h34v10.379H10.371V34z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23000' d='M0 0h34v34H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");content:"";height:34px;left:-35px;position:absolute;top:-35px;width:34px}}@media screen and (max-width:1200px){.team-container .top .right-side{display:none}}.team-container .top .right-side figure{height:483px;width:483px}.team-container .top .right-side figure img{height:100%;object-fit:cover;width:100%}.team-container .bottom{display:flex;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;position:relative}@media screen and (max-width:1200px){.team-container .bottom{align-items:center;flex-direction:column;gap:40px}}.team-container .bottom .fonction,.team-container .bottom h3{margin:0}.team-container .bottom .wrapper-slider{width:calc(100% - 510px)}@media screen and (max-width:1200px){.team-container .bottom .wrapper-slider{width:100%}}.team-container .bottom .team-swiper{height:280px}@media screen and (max-width:1200px){.team-container .bottom .team-swiper{order:1}}.team-container .bottom .team-swiper .swiper-wrapper .swiper-slide{opacity:.5;position:relative;transition:opacity .3s ease-in-out;width:280px}.team-container .bottom .team-swiper .swiper-wrapper .swiper-slide figure{height:280px;overflow:hidden;width:280px}.team-container .bottom .team-swiper .swiper-wrapper .swiper-slide figure img{height:100%;object-fit:cover;transform:scale(1.2);transition:transform .3s ease-in-out;width:100%}.team-container .bottom .team-swiper .swiper-wrapper .swiper-slide .swiper-text{background-color:#f3f3f0;bottom:0;left:0;opacity:1;padding-top:15px;position:absolute;right:0;text-align:left;transition:opacity .3s ease-in-out;width:100%}.team-container .bottom .team-swiper .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1}.team-container .bottom .team-swiper .swiper-wrapper .swiper-slide.swiper-slide-active figure img{transform:scale(1)}.team-container .bottom .team-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-text{opacity:0}.team-container .bottom .info-container{background-color:#f3f3f0;padding-left:30px;position:relative;width:510px;z-index:1}@media screen and (max-width:1200px){.team-container .bottom .info-container{order:3;width:100%}}.team-container .bottom .info-container .team-info{inset:10px 0 0 10px;min-height:280px;opacity:0;position:absolute;transition:opacity .3s ease-in-out;visibility:hidden;width:100%}.team-container .bottom .info-container .team-info.active{opacity:1;position:static;visibility:visible}.team-container .bottom .info-container .team-info.active h3{margin-top:10px}.team-container .bottom .info-container .team-info.active div{font-family:Outfit,sans-serif;font-size:18px;font-style:normal;font-weight:300;line-height:150%}.team-container .bottom .info-container .team-info .fonction{margin-bottom:45px}.team-container .bottom .slider-controls{align-items:center;display:flex;gap:30px;justify-content:center;margin:40px auto;width:100%}@media screen and (max-width:1200px){.team-container .bottom .slider-controls{margin:0 auto;order:2}}.team-container .bottom .slider-controls .buttons{display:flex}.team-container .bottom .slider-controls .buttons .team-swiper-button-next,.team-container .bottom .slider-controls .buttons .team-swiper-button-prev{height:24px;width:24px}.team-container .bottom .slider-controls .team-swiper-pagination{background:#fff;height:3px;margin:20px 0;position:relative;width:680px}.team-container .bottom .slider-controls .team-swiper-pagination span{background-color:#000}