/* ===== VARIABLES ===== */
 :root {
   --yellow: #F1DD5F;
   /*ok*/
   --yellow-dark: #D9A900;
   --navy: #121327;
   /*ok*/
   --navy-light: #162538;
   --teal: #86CCDA;
   /*ok*/
   --teal-dark: #3190A9;
   /*ok*/
   --teal-light: #CDDBF8;
   --bg-light: #F0F9FB;
   /*ok*/
   --text-dark: #152C37;
   --text-muted: #296075;
   /*ok*/
   --white: #FFFFFF;
   --card-blue: #E8EFF4;
   --radius: 24px;
   --radius-sm: 8px;
 }

 /* ===== BASE ===== */
 *,
 *::before,
 *::after {
   box-sizing: border-box;
 }

 body {
   font-family: 'DIN Next LT Pro', sans-serif;
   color: var(--text-dark);
   background: var(--white);
   overflow-x: hidden;
 }

 h1,.h1,
 h2,.h2,
 h3,.h3,
 h4,.h4,
 h5,.h5 {
   font-family: 'Futura', sans-serif;
   font-weight: 700;
 }

 a {
   text-decoration: none;
   color: inherit;
 }

 /* ===== TOP BAR ===== */
 .top-bar {
   background: var(--navy);
   color: rgba(255, 255, 255, .7);
   font-size: .75rem;
   padding: 6px 0;
 }

 .top-bar a {
   color: rgba(255, 255, 255, .7);
   transition: color .2s;
 }

 .top-bar a:hover {
   color: var(--yellow);
 }

 .top-bar .sep {
   margin: 0 10px;
   opacity: .3;
 }

 /* ===== NAVBAR ===== */
 .navbar-symelios {
   background: var(--white);
   border-bottom: 1px solid rgba(0, 0, 0, .07);
   padding: 14px 0;
   position: sticky;
   top: 0;
   z-index: 1000;
 }

 .navbar-symelios .nav-link {
   font-family: 'Futura', sans-serif;
   font-size: .88rem;
   font-weight: 600;
   color: var(--text-dark);
   padding: 6px 16px !important;
   transition: color .2s;
 }

 .navbar-symelios .nav-link:hover {
   color: var(--teal);
 }

 .logo-symelios {
   font-family: 'Futura', sans-serif;
   font-size: 1.3rem;
   font-weight: 700;
   color: var(--navy);
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .logo-symelios .logo-star {
   color: var(--teal);
   font-size: 1.1rem;
 }

 .btn-contact {
   background: var(--yellow);
   color: var(--navy) !important;
   font-family: 'DIN Next LT Pro', sans-serif;
   font-weight: 700;
   font-size: .85rem;
   border-radius: 6px;
   padding: 8px 20px;
   border: none;
   transition: background .2s, transform .15s;
 }

 .btn-contact:hover {
   background: var(--yellow-dark);
   transform: translateY(-1px);
 }

 /* ===== BUTTONS ===== */
 .btn-yellow {
   background: var(--yellow);
   color: var(--navy);
   font-family: 'DIN Next LT Pro', sans-serif;
   font-weight: normal;
   font-size: 1rem;
   border-radius: 16px;
   padding: 15px 24px;
   border: solid 1px var(--yellow);
   transition: all .2s;
   display: inline-flex;
   align-items: center;
   gap: 8px;
 }

 .btn-yellow:hover {
   background: var(--yellow);
   border-color: var(--yellow);
 }

 .btn-outline-dark-custom {
   background: transparent;
   color: var(--navy);
   font-family: 'DIN Next LT Pro', sans-serif;
   font-weight: normal;
   font-size: 1rem;
   border-radius: 16px;
   padding: 12px 24px;
   border: 2px solid var(--navy);
   transition: all .2s;
   display: inline-flex;
   align-items: center;
   gap: 8px;
 }

 .btn-outline-dark-custom:hover {
   background: var(--navy);
   color: var(--white);
 }

 .btn-outline-white-custom {
   background: transparent;
   color: var(--white);
   font-family: 'DIN Next LT Pro', sans-serif;
   font-weight: normal;
   font-size: 1rem;
   border-radius: 6px;
   padding: 12px 24px;
   border: 2px solid rgba(255, 255, 255, .4);
   transition: all .2s;
   display: inline-flex;
   align-items: center;
   gap: 8px;
 }

 .btn-outline-white-custom:hover {
   border-color: var(--white);
   background: rgba(255, 255, 255, .1);
 }

 /* ===== BADGE TAG ===== */
 .badge-tag {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   background: var(--teal);
   border: none;
   border-radius: 12px;
   font-size: .875rem;
   font-weight: 700;
   padding: 5px 14px;
   font-family: 'Futura', sans-serif;
 }

 .badge-tag .dot {
   width: 6px;
   height: 6px;
   background: var(--teal);
   border-radius: 50%;
   display: inline-block;
 }

 /* ===== HERO ===== */
 .hero-section {
   background: var(--bg-light);
   padding: 10.5rem 0;
   position: relative;
   overflow: hidden;
 }

 .hero-section::after {
   content: '';
   position: absolute;
   right: -204px;
   bottom: -325px;
   width: 600px;
   height: 600px;
   pointer-events: none;
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='514' height='509' viewBox='0 0 514 509' fill='none'><path d='M54.2778 508.529C307.631 508.529 513.671 314.309 513.671 75.4904C513.671 68.2971 513.393 61.1037 512.977 53.9104C512.422 43.7089 505.623 34.6846 495.495 30.8917L415.437 0.941258C405.309 -2.85159 394.764 5.38805 396.845 15.4587C400.73 34.9461 402.673 54.9567 402.673 75.4904C402.673 256.632 246.443 403.899 54.2778 403.899C41.0968 403.899 28.1933 403.114 15.2898 401.806C6.27117 400.891 -1.22119 408.215 0.166283 416.716L10.9886 485.903C12.931 498.459 24.3083 507.745 37.7668 508.268C43.178 508.529 48.7279 508.529 54.2778 508.529Z' fill='%23B7E2EA'/></svg>");
   background-size: contain;
   transform: rotate(135deg);
   background-repeat: no-repeat;
 }

 .hero-title {
   font-size: clamp(2rem, 4vw, 3.5rem);
   font-weight: 700;
   line-height: 1.15;
   margin-bottom: 24px;
   color: var(--navy);
 }

 .hero-title em {
   font-style: normal;
   color: var(--teal-dark);
 }

 .hero-text {
   line-height: 1.75;
   font-size: 1rem;
   margin-bottom: 3.75rem;
 }

 .hero-img-wrap {
   border-radius: var(--radius);
   overflow: hidden;
   position: relative;
 }

 .hero-img-wrap img {
   width: 100%;
   height: 100%;
   min-height: 680px;
   object-fit: cover;
   border-radius: var(--radius);
   position: relative;
   z-index: 2;
 }

 /* ===== PITCH DARK ===== */
 .pitch-section {
   background: var(--navy);
   color: var(--white);
   padding: 10.5rem 0 8rem 0;
 }

 .pitch-section .eyebrow {
   font-family: 'Futura', sans-serif;
   font-size: .8rem;
   font-weight: 700;
   letter-spacing: .12em;
   text-transform: uppercase;
   color: var(--teal);
   margin-bottom: 18px;
 }

 .pitch-section h2 {
   font-size: clamp(1.6rem, 3vw, 2.8rem);
   color: var(--white);
   line-height: 1.2;
 }

 .pitch-section .subtitle {
   font-size: 2rem;
   font-weight: 500;
   color: var(--white);
   margin: 32px 0 32px;
   font-family: 'Futura', sans-serif;
   line-height: 2.5rem;
 }

 .pitch-section p {
   color: var(--white);
   line-height: 1.5;
   font-size: 1rem;
 }

 /* ===== OFFERS ===== */
 .offers-section {
   background: var(--navy);
   padding: 0 0 10rem;
 }

 .offers-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 28px;
   flex-wrap: wrap;
 }

 .offers-header h3 {
   color: var(--white);
   font-size: 2rem;
   margin: 0;
 }

 .offers-header .voir-tout {
   color: var(--white);
   font-size: 1rem;
   font-weight: 400;
   display: flex;
   align-items: center;
   gap: 1rem;
 }

 .offer-tabs {
   display: flex;
   flex-wrap: wrap;
   gap: 1rem 8px;
   margin-bottom: 7rem;
 }

 .offer-tab {
     display: inline-flex;
   align-items: center;
   gap: 6px;
   background: var(--teal);
   border: none;
   border-radius: 12px;
   font-size: .875rem;
   font-weight: 700;
   padding: 5px 14px;
   font-family: 'Futura', sans-serif;
      border: solid 1px var(--teal);

   
 }

 .offers-carousel-wrap {
  position: relative;
 }

@media screen and (min-width: 1400px){
  .spe-container-carousel{
   max-width: calc(50vw + 660px);
    margin-left: auto;
    margin-right: 0;
}

}


 .nav-btn-offer {
  border-radius: 9999px;
  background: #FFF;
  width: 52px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 99px 28px 0 rgba(0, 0, 0, 0.00), 0 63px 25px 0 rgba(0, 0, 0, 0.01), 0 36px 21px 0 rgba(0, 0, 0, 0.04), 0 16px 16px 0 rgba(0, 0, 0, 0.07), 0 4px 9px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
 }

 .nav-offer-prev {
  left: 0;
  transform: translate(-50%, -50%);
 }


 .nav-offer-next {
  right: calc((50vw - 660px));
  transform: translate(50%, -50%);
 }
 @media screen and (max-width:1400px) {
   .nav-offer-next {
  right: 0;
 }
 }

 .offer-tab-yellow{
   background: var(--yellow);
      border: solid 1px var(--yellow);


 }
 .offer-tab-red{
     background: #E83C4B;
      color: var(--white);
         border: solid 1px #E83C4B;

 }
 .offer-tab-purple{
   background: #121327;
   color: var(--white);
   border: solid 1px #fff;
 }




 .offers-scroll {
   display: flex;
   gap: 20px;
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
   border-radius: 24px;
 }

 .offers-scroll::-webkit-scrollbar {
   display: none;
 }

 .offer-card {
   flex: 0 0 900px;
   border-radius: var(--radius);
   padding: 2.5rem;
   scroll-snap-align: start;
   position: relative;
   overflow: hidden;
   min-height: 380px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   z-index: 2;
 }

 .offer-card .btn-yellow {
   margin: auto auto auto 0;
 }

 .offer-card.card-blue {
   background: var(--card-blue);
 }

 .offer-card.card-yellow {
   background:#FAF7C7;
 }
  .offer-card.card-red {
   background:#FDE3E5;
 }

  .offer-card.card-purple {
   background:#F0F4FD;
 }


 .offer-card .card-label {
    display: inline-flex;
   align-items: center;
   gap: 6px;
   background: var(--teal);
   border: none;
   border-radius: 12px;
   font-size: .875rem;
   font-weight: 700;
   padding: 5px 14px;
   font-family: 'Futura', sans-serif;
 }

  .offer-card.card-blue .card-label {
   background: var(--teal);
 }

 .offer-card.card-yellow .card-label {
   background: var(--yellow);
 }

   .offer-card.card-red .card-label {
   background: #E83C4B;
      color: var(--white);

 }

   .offer-card.card-purple .card-label {
   background: #121327;
   color: var(--white);
 }

 .offer-card h4 {
   font-size: clamp(1.6rem, 3vw, 2.8rem);
   font-weight: 700;
   line-height: 1.2;
   margin:2rem 0;
 }

 .offer-card p {
   font-size: 1rem;
   line-height: 1.7;
   margin-bottom: 0;
 }

 .txt-offer-card p{
  margin-bottom: 1rem;
 }

 .txt-offer-card p:last-of-type{
  margin-bottom: 0;
 }

  .txt-offer-card{
    margin-bottom: 2rem;
    max-width: 650px;
  }
 

 .offer-card .card-deco {
   position: absolute;
   right: -50px;
   bottom: -100px;
   width: 500px;
   height: 500px;
   background-repeat: no-repeat;
   background-position: bottom right;
   background-size: contain;
   z-index: -1;
 }
 .offer-card.card-blue .card-deco {

    background-image: url('assets/img/logo_symbole_blue.svg');

 }
 .offer-card.card-yellow .card-deco {
   background-image: url('assets/img/logo_symbole_yellow.svg');
 }
  .offer-card.card-red .card-deco {
   background-image: url('assets/img/logo_symbole_red.svg');
 }

   .offer-card.card-purple .card-deco {
   background-image: url('assets/img/logo_symbole_purple.svg');
 }


 .offer-card .btn-sm-custom {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   font-family: 'DIN Next LT Pro', sans-serif;

   font-weight: 700;
   font-size: .82rem;
   color: var(--teal);
   margin-top: 28px;
   transition: gap .2s;
 }

 .offer-card.card-yellow .btn-sm-custom {
   color: var(--navy);
 }

 .offer-card .btn-sm-custom:hover {
   gap: 10px;
 }

 /* ===== TEAM ===== */
 .team-section {
   /*background: var(--bg-light);*/
   padding: 10.5rem 0;
 }

 .space-txt {
   margin: 32px 0;
 }

 .space-txt p:last-of-type {
   margin-bottom: 0 !important;
 }

 .team-section h2 {
   font-size: clamp(1.6rem, 3vw, 2.8rem);
   line-height: 1.2;
   margin-bottom: 32px;
   font-weight: 700;
   color: var(--text-dark);
 }

 .team-section p {
   line-height: 1.5;
   font-size: 1rem;
   margin-bottom: 16px;
 }

 .team-img-wrap {
   position: relative;
   border-radius: var(--radius);
   overflow: hidden;
 }

 .team-img-wrap img {
   width: 100%;
   height: 100%;
   min-height: 584px;
   object-fit: cover;
 }

 .team-stat-badge {
   position: absolute;
   bottom: 24px;
   left: 24px;
   padding: 14px 20px;
 }

 .team-stat-badge .stat-num {
   font-family: 'Futura', sans-serif;
   font-size: 1.5rem;
   font-weight: 700;
   color: var(--white);
   line-height: 1;
 }

 .team-stat-badge .stat-label {
   font-size: 1rem;
   color: var(--white);
   margin-top: 4px;
 }

 .team-features {
   margin-top: 40px;
 }

 .team-feature .feat-icon {
   margin-right: 1rem;
 }

 .team-feature h3 {
   display: flex;
   align-items: center;
   font-size: clamp(1.6rem, 3vw, 2rem);
   font-weight: 700;
   margin-bottom: 12px;
 }

 .team-feature p {
   font-size: 1rem;
   margin-left: calc(40px + 1rem);
   line-height: 1.5;
   color: var(--text-muted);
 }

 @media  screen and (max-width:767px) {
  
  .team-feature p {
  
   margin-left: 0;
  
 }

 }

 .team-feature p:last-of-type {
   margin-bottom: 0 !important;
 }

 /* ===== BLOG ===== */
 .blog-section {
   background: var(--white);
   padding: 10.5rem 0;
 }

 .blog-section .section-header {
   margin-bottom: 16px;
 }

 .blog-section h2 {
   font-size: clamp(1.4rem, 2.5vw, 2.8rem);
   line-height: 3.2rem;
   color: var(--text-dark);
 }

 .blog-section .section-desc {
   font-size: 1rem;
   line-height: 1.5;
   padding-right: 1rem;
   margin-bottom: 0;
 }

 .blog-section .row-card-blog {
   margin-top: 5rem;
 }

 .article-card {
   background: var(--white);
   border-radius: 16px;
   border: 1px solid var(--teal-light);
   overflow: hidden;
   transition: transform .2s, box-shadow .2s;
   height: 100%;
   display: flex;
   flex-direction: column;
   box-shadow: 0 96px 27px 0 rgba(0, 0, 0, 0.00), 0 61px 24px 0 rgba(0, 0, 0, 0.01), 0 34px 21px 0 rgba(0, 0, 0, 0.03), 0 15px 15px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.06);


 }

 .article-card img {
   width: 100%;
   height: 200px;
   object-fit: cover;
 }

 .article-card .article-body {
   padding: 24px;
   flex: 1;
   display: flex;
   flex-direction: column;
 }

 .article-tag {
   display: inline-block;
   background: var(--teal-light);
   color: var(--text-dark);
   font-size: .75rem;
   font-weight: 700;
   font-family: 'Futura', sans-serif;
   letter-spacing: .08em;
   border-radius: 4px;
   padding: 3px 10px;
   margin-bottom: 24px;
   margin-left: 0;
   margin-right: auto;
 }

 .article-card h3 {
   font-size: 1.3em;
   font-weight: 700;
   margin-bottom: 24px;
   line-height: 1.4;
 }

 .article-card .lire-article {
   font-size: 1rem;
   color: #3C4097;
   display: inline-flex;
   align-items: center;
   gap: 5px;
 }

 /* ===== CTA SECTION ===== */
 .cta-section {
   background: var(--bg-light);
   padding: 90px 0;
   text-align: center;
 }

 .cta-section h2 {
   font-size: clamp(1.6rem, 3vw, 2.8rem);
   margin-bottom: 0px;
 }

 .cta-section p {
   color: var(--text-muted);
   font-size: 1.5rem;
   line-height: 2rem;
   margin: 32px auto 32px;
 }

 /* ===== FOOTER ===== */
 .footer {
   background: var(--navy);
   color: #FFFFFF;
   padding: 64px 0 0;
 }

 .footer-description {
   font-size: 1.5rem;
   line-height: 2rem;
   text-align: left;
   padding: 3.5rem 0;
   margin-bottom: 0;
 }

 .footer-bureau {
   gap: 16px;
 }

 .footer-bureau address {
   color: #9FAAAC;
   font-size: 0.875rem;
   line-height: 1.25rem;
 }

 .footer-title {
   font-size: 1.5rem;
   line-height: 2rem;
   font-weight: 500;
   margin-bottom: 3.5rem;
 }

 footer .cta-contact {
   margin-top: 2rem;
 }

 footer .btn-yellow {
   min-width: 185px;
   font-family: 'DIN Next LT Pro', sans-serif;

   text-align: center;
   font-size: 1rem;
 }

 .mentions-footer {
   border-top: solid 1px #373C78;
   padding: 1.5rem 0;
 }

 /* ===== SECTION TITLES ===== */
 .section-title {
   font-size: clamp(1.6rem, 3vw, 2.2rem);
   line-height: 1.2;
   margin-bottom: 16px;
 }

 .text-teal {
   color: var(--teal);
 }

 .text-yellow {
   color: var(--yellow);
 }

 /* ===== UTILITIES ===== */
 .bg-light-custom {
   background: var(--bg-light);
 }

 .bg-navy {
   background: var(--navy);
 }

 /* ===== RESPONSIVE ===== */
 @media (max-width: 768px) {
   .hero-section {
     padding: 60px 0;
   }

   .hero-img-wrap img {
     height: 280px;
     margin-top: 40px;
   }

   .pitch-section,
   .team-section,
   .blog-section,
   .cta-section {
     padding: 60px 0;
   }

   .offer-card {
     flex: 0 0 90%;
   }

   .nav-btn-offer {
     display: none;
   }

   .top-bar .d-flex {
     flex-wrap: wrap;
     justify-content: center;
     gap: 6px;
   }
 }

 /* ============================================================
       PAGE ABOUT — HERO
    ============================================================ */

 .about-hero .wrapper-about-hero {
   background: var(--bg-light);
   padding: 7rem 0 10rem;
   position: relative;
   overflow: hidden;
 }


 .about-hero .wrapper-about-hero::after {
   content: '';
   position: absolute;
   left: 64%;
   bottom: -100px;
   width: 40%;
   height: 100%;
   max-width: 513px;
   max-height: 784px;
   background-image: url("data:image/svg+xml,<svg width='514' height='785' viewBox='0 0 514 785' fill='none' xmlns='http://www.w3.org/2000/svg'><mask id='mask0' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='67' y='131' width='272' height='654'><path d='M73.7078 728.514C64.5504 734.4 65.9379 747.478 76.2052 751.402L157.927 782.268C167.64 785.93 178.74 784.361 186.509 777.69C279.748 698.433 338.577 583.601 338.577 456.213C338.577 328.826 279.748 213.994 186.509 134.737C181.515 130.421 173.883 130.29 168.611 134.344L102.428 183.782C95.4911 189.014 95.4911 198.823 102.428 204.316C178.878 264.609 227.717 355.245 227.717 456.344C227.717 569.607 166.53 669.529 73.8465 728.645L73.7078 728.514Z' fill='white'/></mask><g mask='url(%23mask0)'><rect x='2.29' y='48.47' width='400.894' height='814.72' fill='%23B7E2EA'/></g><path d='M54.2778 508.529C307.631 508.529 513.671 314.309 513.671 75.4904C513.671 68.2971 513.393 61.1037 512.977 53.9104C512.422 43.7089 505.623 34.6846 495.495 30.8917L415.437 0.941258C405.309 -2.85159 394.764 5.38805 396.845 15.4587C400.73 34.9461 402.673 54.9567 402.673 75.4904C402.673 256.632 246.443 403.899 54.2778 403.899C41.0968 403.899 28.1933 403.114 15.2898 401.806C6.27117 400.891 -1.22119 408.215 0.166283 416.716L10.9886 485.903C12.931 498.459 24.3083 507.745 37.7668 508.268C43.178 508.529 48.7279 508.529 54.2778 508.529Z' fill='%23B7E2EA'/></svg>");
   background-repeat: no-repeat;
   background-size: contain;
   pointer-events: none;
   z-index: 0;
 }

 .about-hero__title {
   font-size: clamp(2rem, 4vw, 3.5rem);
   font-weight: 700;
   line-height: 1.15;
   color: var(--navy);
   margin-bottom: 4rem;
   position: relative;
   z-index: 1;
 }

 .about-hero__text p {
   font-size: 1rem;
   line-height: 1.8;
   margin-bottom: 1rem;
   position: relative;
   z-index: 1;
 }

 .about-hero__text p:last-child {
   margin-bottom: 0;
 }

 .about-hero__img-wrap {
   border-radius: 16px;
   overflow: hidden;
   position: relative;
   z-index: 1;
   margin-top: -4rem;
 }

 .about-hero__img {
   width: 100%;
   min-height: 480px;
   object-fit: cover;
   display: block;
   border-radius: var(--radius);
 }

 /* ============================================================
       PAGE ABOUT — CABINET INDÉPENDANT
    ============================================================ */
 .about-cabinet {
   background: var(--white);
   padding: 10.5rem 0;
 }

 .about-cabinet__title {
   font-size: clamp(1.6rem, 3vw, 3rem);
   font-weight: 700;
   line-height: 1.2;
   color: var(--navy);
   margin-bottom: 1.5rem;
 }

 .about-cabinet__text {
   padding: 2rem 0;
 }

 .about-cabinet__text p {
   font-size: 1rem;
   line-height: 1.8;
 }

 .about-cabinet__text p:last-of-type {
   margin-bottom: 0;
 }

 .about-cabinet__text p:last-child {
   margin-bottom: 0;
 }

 .about-cabinet__img-wrap {
   border-radius: 16px;
   overflow: hidden;
   text-align: center;
 }

 .about-cabinet__img {
   min-height: 480px;
   object-fit: cover;
   display: block;
   border-radius: 16px;
  /* margin-left: auto;
   margin-right: 0;*/
   margin: auto;
 }

 /* ============================================================
       PAGE ABOUT — PROXIMITÉ & IMPLICATION
    ============================================================ */
 .about-proximite {
   background: var(--navy);
   padding: 10.5rem 0;
 }


 .about-proximite__title {
   font-size: clamp(1.8rem, 3vw, 2.8rem);
   font-weight: 700;
   color: var(--white);
   margin-bottom: 1.5rem;
   line-height: 1.2;
 }

 .about-proximite__text p {
   font-size: 1rem;
   line-height: 1.8;
   margin-bottom: 1rem;
   color: #FFFFFF;
 }

 .about-proximite__text p:last-child {
   margin-bottom: 0;
 }

 .about-proximite__map-wrap {
   border-radius: 24px;
   overflow: hidden;
   text-align: center;
 }


 .about-proximite__map {
   width: 100%;
   max-height: 100%;
   min-height: 380px;
   object-fit: cover;
   display: block;
   border-radius: 24px;
 }


 /* ============================================================
       PAGE ABOUT — STATS
    ============================================================ */
 .about-stats {
   background: var(--white);
   padding: 10.5rem 0;

 }

 .about-stat-item {
   padding: 2rem 2.5rem;
   text-align: left;
   height: 100%;
 }

 @media screen and (min-width:768px) {
   .about-stat-item--border {
   border-right: 1px solid #484DBA;
 }

 .about-stat-item--first-border {
   border-left: 1px solid #484DBA;
   border-right: 1px solid #484DBA;
   

 }
 }
 @media screen and (max-width:767px) {
   .about-stat-item {

  border-bottom: 1px solid #484DBA;
  
 }

    .about-stats .col-md-4:last-of-type .about-stat-item {
      border-bottom: none;
    }

 }

 .about-stat-item__label {
   font-family: 'Futura', sans-serif;
   font-size: 1rem;
   font-weight: 500;
   text-transform: uppercase;
   margin-bottom: .25rem;
 }

 .about-stat-item__desc {
   font-size: 1rem;
   color: var(--text-muted);
   margin-bottom: .75rem;
   color: #484DBA;
 }

 .about-stat-item__number {
   font-family: 'Futura', sans-serif;
   font-size: clamp(3rem, 6vw, 9rem);
   font-weight: 500;
   color: var(--navy);
   line-height: 1;
 }

 /* ============================================================
       PAGE ABOUT — ÉQUIPE PAR CATÉGORIE
    ============================================================ */
 .about-equipe {
   padding-bottom: 6rem;
   --team-gap: 1.25rem;
   --team-edge: 3rem;
 }

 .about-equipe__category {
   margin-bottom: 4rem;
 }

 .about-equipe__category:last-child {
   margin-bottom: 0;
 }

 .about-equipe__cat-title {
   font-family: 'Futura', sans-serif;
   font-size: 1.5rem;
   font-weight: bold;
   color: var(--navy);
   margin-bottom: 1.5rem;
   padding-bottom: .6rem;
   display: inline-block;
 }

 /* Scroll wrapper : pleine largeur, flèches positionnées */
 .about-equipe__scroll-wrap {
   position: relative;
 }

 /* Track scrollable */
 .about-equipe__track {
   display: flex;
   gap: var(--team-gap);
   overflow-x: auto;
   scroll-behavior: smooth;
   scroll-snap-type: x mandatory;
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding: .5rem var(--team-edge) 1.25rem;
   cursor: grab;
   user-select: none;
   -webkit-user-select: none;
 }

 .about-equipe__track::-webkit-scrollbar {
   display: none;
 }

 .about-equipe__track.is-dragging {
   cursor: grabbing;
   scroll-behavior: auto;
   scroll-snap-type: none;
 }

 /* Slide : 324px fixe sur desktop, réduit sur mobile */
 .about-equipe__slide {
   flex: 0 0 324px;
   width: 324px;
   scroll-snap-align: start;
 }

 /* Flèches de navigation */
 .about-equipe__nav {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 2;
   width: 2.75rem;
   height: 2.75rem;
   border-radius: 50%;
   border: none;
   background: var(--white);
   box-shadow: 0 4px 16px rgba(0, 0, 0, .14);
   color: var(--navy);
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: background .2s, color .2s, opacity .2s;
 }

 .about-equipe__nav:hover {
   background: var(--teal);
   color: var(--white);
 }

 .about-equipe__nav--prev {
   left: .5rem;
 }

 .about-equipe__nav--next {
   right: .5rem;
 }

 .about-equipe__nav:disabled {
   opacity: .25;
   pointer-events: none;
 }

 /* Pas assez de slides pour déborder : centrage + masquage des flèches */
 .about-equipe__scroll-wrap.is-centered .about-equipe__track {
   justify-content: center;
   overflow-x: hidden;
 }

 .about-equipe__scroll-wrap.is-centered .about-equipe__nav {
   display: none;
 }

 /* Responsive : réduit sur smartphone */
 @media (max-width: 575px) {
   .about-equipe {
     --team-edge: 1rem;
   }

   .about-equipe__slide {
     flex: 0 0 calc((100vw - var(--team-edge) * 2 - var(--team-gap)) / 2.1);
     width: calc((100vw - var(--team-edge) * 2 - var(--team-gap)) / 2.1);
   }
 }

 /* Cartes membres */
 .about-member-card {
   overflow: hidden;
   background: var(--white);
   transition: transform .2s, box-shadow .2s;
   position: relative;
 }

 .about-member-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
 }

 .about-member-card__photo {
   width: 100%;
   aspect-ratio: 1 / 1;
   overflow: hidden;
   background: var(--card-blue);
 }

 .about-member-card__photo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 .about-member-card__img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: transform .3s;
 }

 .about-member-card:hover .about-member-card__img {
   transform: scale(1.04);
 }

 .about-member-card__placeholder {
   width: 100%;
   aspect-ratio: 1 / 1;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 3rem;
   color: var(--text-muted);
   background: var(--card-blue);
 }

 .about-member-card__info {
   padding: .75rem .875rem;
   border-top: none;
   position: absolute;
   bottom: 10px;
   background-color: #fff;
   left: 10px;
   right: 10px;
 }

 .about-member-card__name {
   font-family: 'Futura', sans-serif;
   font-size: .82rem;
   font-weight: 400;
   color: var(--navy);
   margin-bottom: .15rem;
 }

 .about-member-card__poste {
   font-size: .75rem;
   color: var(--text-muted);
   margin-bottom: 0;
 }

 /* ============================================================
       PAGE ABOUT — ÉQUIPE ENGAGÉE
    ============================================================ */
 .about-engagement {
   background: var(--navy);
   padding: 6rem 0;
 }

 .about-engagement__title {
   font-size: clamp(1.6rem, 3vw, 2.8rem);
   font-weight: bold;
   color: var(--white);
   margin-bottom: 2rem;
   line-height: 1.2;
 }

 .about-engagement__text p {
   font-size: 1rem;
   line-height: 1.8;
   color: var(--white);
   margin-bottom: 1rem;
 }

 .about-engagement__text p:last-child {
   color: #7281E2;
   margin-bottom: 0;
 }

 /* ============================================================
       PAGE ABOUT — POURQUOI SYMELIOS ?
    ============================================================ */
 .about-pourquoi {
   background: var(--white);
   padding: 10.5rem 0;
 }

 .about-pourquoi__title {
   font-size: clamp(1.6rem, 3vw, 2.8rem);
   font-weight: 700;
   color: var(--navy);
   margin-bottom: 2rem;
   line-height: 1.2;
 }

 .about-pourquoi__intro {
   font-size: 2rem;
   line-height: 1.2;
   margin-bottom: 5rem;
 }

 .about-pourquoi-card {
   padding: 1.5rem 1.5rem 2.5rem;
   border: 1px solid var(--navy);
   border-radius: 16px;
   height: 100%;
   background: var(--white);
   box-shadow: 0 96px 27px 0 rgba(0, 0, 0, 0.00), 0 61px 24px 0 rgba(0, 0, 0, 0.01), 0 34px 21px 0 rgba(0, 0, 0, 0.03), 0 15px 15px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.06);


   transition: box-shadow .2s, transform .2s;
 }

 @media screen and (min-width:992px) {
  .about-pourquoi-card.first-lane-card-about {
   transform: translateX(-16%)
 }
 }
 

 .about-pourquoi-card__icon {
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 2rem;

 }

 .about-pourquoi-card__title {
   font-family: 'Futura', sans-serif;
   font-size: 1.3rem;
   font-weight: 700;
   color: var(--navy);
   margin-bottom: .75rem;
 }

 .about-pourquoi-card__text {
   font-size: 1rem;
   line-height: 1.7;
   margin-bottom: 0;
 }

 .about-partenaire-card {
   background: var(--teal-light);
   border-radius: 16px;
   padding: 2.5rem 2rem;
   display: flex;
   min-height: 280px;
   flex-direction: column;
   justify-content: center;
   text-align: center;
   height: 100%;
   box-shadow: 0 96px 27px 0 rgba(0, 0, 0, 0.00), 0 61px 24px 0 rgba(0, 0, 0, 0.01), 0 34px 21px 0 rgba(0, 0, 0, 0.03), 0 15px 15px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.06);


 }

 .about-partenaire-card__title {
   font-family: 'Futura', sans-serif;
   font-size: clamp(1.1rem, 2.1vw, 1.3rem);
   font-weight: bold;
   color: #575ED4;
   margin-bottom: 1.25rem;
   line-height: 1.15;
 }

 .about-partenaire-card__sous-titre {
   font-size: 0.9rem;
   color: #575ED4;
   line-height: 1.3;
   margin-bottom: 0;
   font-style: italic;
 }

 /* ============================================================
       PAGE ABOUT — CTA FINAL
    ============================================================ */


 /* ============================================================
       PAGE CONTACT — HERO
    ============================================================ */
 .contact-hero {
   background: var(--bg-light);
   padding: 10.5rem 0 13.5rem 0;
   position: relative;
   overflow: hidden;
 }

 .contact-hero__title {
   font-size: clamp(2rem, 4vw, 3.5rem);
   font-weight: 700;
   line-height: 1.15;
   color: var(--navy);
   margin-bottom: 2rem;
 }

 .contact-hero__text {
   font-size: 1rem;
   line-height: 1.8;
   max-width: 480px;
   margin-bottom: 0;
 }

 /* ============================================================
       PAGE CONTACT — FORMULAIRE
    ============================================================ */
 .contact-form-section {
   padding: 0 0 6rem;
   margin-top: -7rem;
   position: relative;
 }

 .contact-form-card {
   background: var(--white);
   border-radius: var(--radius);
   padding: 2.5rem;
   box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
 }

 .contact-form-card__title {
   font-size: clamp(1.4rem, 2.5vw, 2.8rem);
   font-weight: 700;
   color: var(--navy);
   margin-bottom: 2rem;
 }

 .contact-form__label {
   display: block;
   font-size: .82rem;
   color: var(--text-dark);
   margin-bottom: .4rem;
   font-family: 'Futura', sans-serif;
 }

 .contact-form__input,
 .contact-form__select,
 .contact-form__textarea {
   width: 100%;
   border: 1.5px solid #77A2E3;
   border-radius: 16px;
   padding: .65rem 1rem;
   font-size: .9rem;
   color: var(--text-dark);
   background: var(--white);
   transition: border-color .2s, box-shadow .2s;
   outline: none;
   font-family: inherit;
   appearance: none;
 }

 .contact-form__input::placeholder,
 .contact-form__select option[value=""],
 .contact-form__textarea::placeholder {
   color: #77A2E3;
 }

 .contact-form__input:focus,
 .contact-form__select:focus,
 .contact-form__textarea:focus {
   border-color: #77A2E3;
   box-shadow: 0 0 0 3px rgba(119, 162, 227, 0.2);
 }

 .contact-form__select-wrap {
   position: relative;
 }

 .contact-form__select {
   padding-right: 2.5rem;
   cursor: pointer;
 }

 .contact-form__select-icon {
   position: absolute;
   right: .9rem;
   top: 50%;
   transform: translateY(-50%);
   pointer-events: none;
   display: flex;
   align-items: center;
 }

 .contact-form__textarea {
   resize: vertical;
   min-height: 150px;
 }

 .contact-form-card__rgpd {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: .78rem;
   color: #121327;
   margin-top: 1.25rem;
   margin-bottom: 0;
   line-height: 1.5;
   font-style: italic;
 }

 /* ============================================================
       PAGE CONTACT — SIDEBAR
    ============================================================ */
 .contact-sidebar {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: 1.25rem;
   height: 100%;
 }

 .contact-sidebar__card {
   background: var(--white);
   border-radius: var(--radius);
   padding: 2rem 1.75rem;
   box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
 }

 .contact-sidebar__card--coords {
   display: flex;
   flex-direction: column;
   gap: .5rem;
 }

 .contact-sidebar__label {
   font-size: 2rem;
   font-weight: 700;
   color: var(--text-dark);
   font-family: 'Futura', sans-serif;
   margin-bottom: .25rem;
 }

 .contact-sidebar__label__first{
  margin-bottom: 2rem;
 }

 .contact-sidebar__phone {
   font-size: 1.5rem;
   font-weight: bold;
   color: var(--navy);
   font-family: 'Futura', sans-serif;
   letter-spacing: -.01em;
   display: block;
 }

 .contact-sidebar__phone:hover {
   color: var(--teal-dark);
 }

 .contact-sidebar__email {
   font-size: 1.5rem;
   font-weight: 600;
   text-decoration: underline;
   text-underline-offset: 3px;
   display: block;
 }

 .contact-sidebar__email:hover {
   color: var(--navy);
 }

 .contact-sidebar__bureau-name {
   font-size: 2rem;
   font-weight: 700;
   color: #3190A9;
   font-family: 'Futura', sans-serif;
   margin-bottom: 1rem;
 }

 .contact-sidebar__address {
   font-style: normal;
   font-size: 1rem;
   color: var(--text-dark);
   line-height: 1.6;
   margin-bottom: .5rem;
 }

 .contact-sidebar__horaires {
   font-size: 1rem;
   color: var(--teal-dark);
   margin: 1rem 0;
 }

 .contact-sidebar__maps-link {
   display: inline-flex;
   align-items: center;
   gap: 5px;
   font-size: 1rem;
   color: #3190A9;
   font-family: 'Futura', sans-serif;
   transition: gap .2s;
 }

 .contact-sidebar__maps-link:hover {
   gap: 8px;
 }

 .contact-sidebar__card--bureau-1 .contact-sidebar__bureau-name,
 .contact-sidebar__card--bureau-1 .contact-sidebar__address,
 .contact-sidebar__card--bureau-1 .contact-sidebar__horaires,
 .contact-sidebar__card--bureau-1 .contact-sidebar__maps-link,
 .contact-sidebar__card--bureau-1 .contact-sidebar__maps-link:hover {
   color: #3190A9;
 }

 .contact-sidebar__card--bureau-2 .contact-sidebar__bureau-name,
 .contact-sidebar__card--bureau-2 .contact-sidebar__address,
 .contact-sidebar__card--bureau-2 .contact-sidebar__horaires,
 .contact-sidebar__card--bureau-2 .contact-sidebar__maps-link,
 .contact-sidebar__card--bureau-2 .contact-sidebar__maps-link:hover {
   color: #B68029;
 }

 /* ============================================================
       PAGE CONTACT — SECTION CARTE
    ============================================================ */
 .contact-map-section {
   background: var(--navy);
   padding: 10.5rem 0;
   color: var(--white);
 }

 .contact-map-section .badge-tag {
   background: var(--teal);
   color: var(--text-dark);
 }

 .contact-map-section__title {
   font-size: clamp(1.6rem, 3vw, 2.8rem);
   font-weight: bold;
   line-height: 1.2;
   color: var(--white);
   margin-bottom: 1.5rem;
 }

 .contact-map-section__text p {
   font-size: 1rem;
   line-height: 1.8;
   color: rgba(255, 255, 255, .8);
   margin-bottom: 1rem;
 }

 .contact-map-section__text p:last-child {
   margin-bottom: 0;
 }

 .contact-map-section__list {
   list-style: none;
   padding: 0;
   margin: 2rem 0 0;
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }

 .contact-map-section__list-item {
   display: flex;
   align-items: flex-start;
   gap: .75rem;
   font-size: .95rem;
   color: rgba(255, 255, 255, .85);
   line-height: 1.6;
 }

 .contact-map-section__check {
   flex-shrink: 0;
   margin-top: 2px;
 }

 .contact-map-section__img-wrap {
   border-radius: var(--radius);
   overflow: hidden;
 }

 .contact-map-section__img {
   width: 100%;
   height: auto;
   display: block;
   border-radius: var(--radius);
 }

 /* ============================================================
       PAGE CONTACT — RESPONSIVE
    ============================================================ */
 @media (max-width: 991.98px) {
   .contact-hero {
     padding: 4rem 0 11rem;
   }

   .contact-form-card {
     padding: 1.75rem;
   }

   .contact-map-section {
     padding: 4rem 0;
   }
 }

 @media (max-width: 767.98px) {
   .contact-hero {
     padding: 3rem 0 10rem;
   }

   .contact-hero__title {
     font-size: 1.8rem;
   }

   .contact-form-section {
     padding: 0 0 3rem;
   }

   .contact-sidebar {
     gap: 1rem;
   }
 }

 /* ============================================================
       PAGE ABOUT — RESPONSIVE
    ============================================================ */

 /* ============================================================
       PAGE EXPERTISES — HERO
    ============================================================ */
 .exp-hero {
   background: var(--bg-light);
   padding: 10.5rem 0 14rem;
   position: relative;
   overflow: hidden;
 }

 .exp-hero__title {
   font-size: clamp(2rem, 4vw, 3.5rem);
   font-weight: 700;
   line-height: 1.15;
   margin-bottom: 24px;
   color: var(--navy);
 }

 .exp-hero__title span {
   font-style: normal;
   color: var(--teal-dark);
 }

 .exp-hero__text {
   font-size: 1rem;
   line-height: 1.8;
   max-width: 650px;
 }

 .exp-hero__text p:last-of-type{
  margin-bottom: 0;
 }

 .exp-hero__deco-svg {
   width: 100%;
   max-width: 400px;
   height: auto;
 }

 .exp-hero::after {
   content: '';
   position: absolute;
   left: 60%;
   bottom: -60px;
   width: 600px;
   height: 90%;
   pointer-events: none;
   background-image: url("data:image/svg+xml,%3Csvg class='exp-hero__deco-svg' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 514 785' fill='none'%3E%3Cpath d='M54.2778 508.529C307.631 508.529 513.671 314.309 513.671 75.4904C513.671 68.2971 513.393 61.1037 512.977 53.9104C512.422 43.7089 505.623 34.6846 495.495 30.8917L415.437 0.941258C405.309 -2.85159 394.764 5.38805 396.845 15.4587C400.73 34.9461 402.673 54.9567 402.673 75.4904C402.673 256.632 246.443 403.899 54.2778 403.899C41.0968 403.899 28.1933 403.114 15.2898 401.806C6.27117 400.891 -1.22119 408.215 0.166283 416.716L10.9886 485.903C12.931 498.459 24.3083 507.745 37.7668 508.268C43.178 508.529 48.7279 508.529 54.2778 508.529Z' fill='%23B7E2EA'/%3E%3Cmask id='expHeroMask' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='67' y='131' width='272' height='654'%3E%3Cpath d='M73.7078 728.514C64.5504 734.4 65.9379 747.478 76.2052 751.402L157.927 782.268C167.64 785.93 178.74 784.361 186.509 777.69C279.748 698.433 338.577 583.601 338.577 456.213C338.577 328.826 279.748 213.994 186.509 134.737C181.515 130.421 173.883 130.29 168.611 134.344L102.428 183.782C95.4911 189.014 95.4911 198.823 102.428 204.316C178.878 264.609 227.717 355.245 227.717 456.344C227.717 569.607 166.53 669.529 73.8465 728.645L73.7078 728.514Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23expHeroMask)'%3E%3Crect x='2.29' y='48.47' width='400.894' height='814.72' fill='%23B7E2EA'/%3E%3C/g%3E%3C/svg%3E");
   background-repeat: no-repeat;
 }






 /* ============================================================
       PAGE EXPERTISES — 3 VALEURS
    ============================================================ */
 .exp-values {
   position: relative;
 }

 .exp-values .exp-wrapper {
   background: var(--navy);
   padding: 2.5rem 2.5rem;
   border-radius: 16px;
   margin-top: -90px;
 }



 .exp-value-item {
   padding: 2rem 2.5rem;
   border-right: 1px solid rgba(255, 255, 255, 0.08);
   height: 100%;
 }

 .exp-value-item:last-child {
   border-right: none;
 }

 .exp-value-item__icon {

   display: flex;
   align-items: flex-start;
   justify-content: start;
   margin-bottom: 1.25rem;
 }

 .exp-value-item__num {
   font-family: 'Futura', sans-serif;
   font-size: 1.5rem;
   font-weight: 500;
   color: var(--white);
   margin-bottom: 0.75rem;
 }

 .exp-value-item__text {
   font-size: 1rem;
   line-height: 1.75;
   margin-bottom: 0;
   color: var(--white);
 }

 /* ============================================================
       PAGE EXPERTISES — 4 PILIERS
    ============================================================ */
 .exp-pillars {
   background: var(--white);
   padding: 7rem 0;
 }

 .exp-pillars__title {
   font-size: clamp(1.8rem, 3vw, 2.8rem);
   font-weight: 700;
   color: var(--navy);
   text-align: center;
   margin-bottom: 4rem;
   line-height: 1.2;
 }

 .exp-pillar-card {
   background: var(--bg-light);
   border-radius: 24px;
   overflow: hidden;
   margin-bottom: 5rem;
 }

 .exp-pillar-card:last-child {
   margin-bottom: 0;
 }

 .exp-pillar-card__img-wrap {
   position: relative;
   height: 100%;
   min-height: 360px;
 }

 .exp-pillar-card__img {
   width: 100%;
   height: 100%;
   min-height: 360px;
   object-fit: cover;
   display: block;
 }

 .exp-pillar-card__badge svg {
   margin-right: 5px;
 }

 .exp-pillar-card__badge {
   position: absolute;
   top: 1.25rem;
   left: 1.25rem;
   background: var(--teal);
   color: var(--navy);
   font-family: 'Futura', sans-serif;
   font-size: 0.78rem;
   font-weight: 700;
   padding: 6px 16px;
   border-radius: 20px;
   letter-spacing: 0.02em;
   display: flex;
   align-items: center;
 }

 .exp-pillar-card__badge--teal {
   background: var(--teal);
   color: var(--navy);
 }

 .exp-pillar-card__badge--navy {
   background: var(--navy);
   color: var(--white);
 }

 .exp-pillar-card__content {
   padding: 3rem 2.5rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 100%;
 }


 .exp-pillar-card__content blockquote {
   margin-bottom: 2rem;
 }

 .exp-pillar-card__content blockquote:nth-of-type(1) {
   border-left: 2px solid #296075;
   color: #296075;
   font-style: italic;
   font-weight: bold;
   padding-left: 5px;
 }


 .exp-pillar-quote {
   background-color: #B7E2EA;
 }




 .exp-pillar-card__title {
   font-size: 1.5rem;
   font-weight: 700;
   color: var(--navy);
   margin-bottom: 1.25rem;
   line-height: 1.25;
 }

 .exp-pillar-card__text {
   font-size: 1rem;
   line-height: 1.8;
   color: var(--text-dark);
   margin-bottom: 1rem;
 }

 .exp-pillar-card__text:last-of-type {
   margin-bottom: 2rem;
 }

 .exp-pillar-quote {
   border-radius: 16px;
   padding: 1.25rem 1.5rem;
   margin-bottom: 2rem;
   font-size: 1rem;
   color: var(--navy);
   line-height: 1.7;
 }

 .exp-pillar-chips {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
 }

 .exp-pillar-chip {
   display: inline-flex;
   align-items: center;
   gap: 7px;
   font-size: 1rem;

 }

 .exp-pillar-chip svg {
   color: #B7E2EA;
   min-width: 24px;
 }

 .exp-pillar-card:nth-of-type(2) {
   background-color: #FCFBEA;
 }

 .exp-pillar-card:nth-of-type(2) .exp-pillar-card__badge {
   background-color: #F1DD5F;
 }

  .exp-pillar-card:nth-of-type(2) .exp-pillar-quote{
   background-color: #F1DD5F;
 }

 .exp-pillar-card:nth-of-type(2) .exp-pillar-chip svg {
   color: #F1DD5F;
 }


 .exp-pillar-card:nth-of-type(2) blockquote {
   border-left: 2px solid #966312;
   color: #966312;
 }



 .exp-pillar-card:nth-of-type(3) {
   background-color: #FEF2F3;
 }

 .exp-pillar-card:nth-of-type(3) .exp-pillar-card__badge {
   background-color: #7C2028;
 }

   .exp-pillar-card:nth-of-type(3) .exp-pillar-quote{
       background-color: #7C2028;
       color: var(--white);

   }

 .exp-pillar-card:nth-of-type(3) .exp-pillar-chip svg {
   color: #7C2028;
 }


 .exp-pillar-card:nth-of-type(3) blockquote {
   border-left: 2px solid #B4212E;
   color: #B4212E;
 }


 .exp-pillar-card:nth-of-type(4) {
   background-color: #F0F4FD;
 }

 .exp-pillar-card:nth-of-type(4) .exp-pillar-card__badge {
   background-color: #484DBA;
   color: var(--white);
 }
   .exp-pillar-card:nth-of-type(4) .exp-pillar-quote{
      background-color: #484DBA;
   color: var(--white);
   }

 .exp-pillar-card:nth-of-type(4) .exp-pillar-chip svg {
   color: #373C78;
 }


 .exp-pillar-card:nth-of-type(4) blockquote {
   border-left: 2px solid #484DBA;
   color: #484DBA;
 }






 /* ============================================================
       PAGE EXPERTISES — ÉCOSYSTÈME
    ============================================================ */
 .exp-ecosystem {
   background: var(--navy);
   padding: 10rem 0;
 }

 .exp-ecosystem__eyebrow {
   font-family: 'Futura', sans-serif;
   font-size: 1.5rem;
   font-weight: 500;
   color: #ffffff;
   margin-bottom: 2rem;
 }

 .exp-ecosystem__title {
   font-size: clamp(1.8rem, 3vw, 2.5rem);
   font-weight: 700;
   color: var(--white);
   margin-bottom: 2rem;
   line-height: 1.2;
 }

 .exp-ecosystem__text {
   font-size: 1rem;
   line-height: 1.8;
   color: white;
   margin-bottom: 3.5rem;
 }

 .exp-partner-logo {
   border-bottom: solid 3px #fff;
   padding: 1rem 1rem 1.2rem;
 }

 .exp-partner-logos {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 1.5rem;
   flex-wrap: wrap;

 }

 .exp-partner-logo__name {
   font-family: 'Futura', sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   color: white;
   display: flex;
   align-items: center;
   gap: 5px;
 }

 /* ============================================================
       PAGE EXPERTISES — FOCUS MISSIONS
    ============================================================ */
 .exp-focus {
   background: var(--white);
   padding: 10rem 0;
 }

 .exp-focus__title {
   font-size: clamp(1.6rem, 3vw, 2.8rem);
   font-weight: 700;
   color: var(--navy);
   margin-bottom: 4.5rem;
   line-height: 1.2;
 }

 .exp-focus-item {
   padding-bottom: 2.5rem;
   margin-bottom: 2.5rem;
 }

 .exp-focus-item:last-child {
   border-bottom: none;
   margin-bottom: 0;
   padding-bottom: 0;
 }

 .exp-focus-item__title {
   font-family: 'Futura', sans-serif;
   font-size: 1.5rem;
   font-weight: 400;
   color: var(--navy);
   margin-bottom: 1rem;
 }

 .exp-focus-item__text {
   font-size: 1rem;
   line-height: 1.75;
   margin-bottom: 0;
 }

 @media screen and (min-width:1400px) {
   .g-6 {
     --bs-gutter-x: 10rem;
   }
 }


 /* ============================================================
       PAGE EXPERTISES — AUDIENCES
    ============================================================ */
 .exp-audiences {
   padding: 10rem 0;
 }

 .exp-audience-item__label {
   font-family: 'Futura', sans-serif;
   font-size: 2rem;
   font-weight: 700;
   margin-bottom: 0.75rem;
   color: #296075;
 }

 .exp-audience-item__lead {
   font-size: clamp(1.6rem, 2.3vw, 2rem);
   line-height: 1.2;
   margin-bottom: 0;
 }




 .exp-audience-item:nth-of-type(1) .exp-audience-item__lead {
   font-size: clamp(1.8rem, 2.5vw, 2.8rem);
   line-height: 1.2;
   margin-bottom: 5rem;

 }

 .exp-audience-item:nth-of-type(1) .exp-audience-item__label {
   font-family: 'Futura', sans-serif;
   font-size: clamp(1.8rem, 3vw, 2.8rem);
   font-weight: 700;
   color: #49ABC2;
 }





 /* ============================================================
       PAGE EXPERTISES — RESPONSIVE
    ============================================================ */
 @media (max-width: 991.98px) {
   .exp-pillar-card__content {
     padding: 2.5rem 2rem;
   }
 }

 @media (max-width: 767.98px) {
   .exp-hero {
     padding: 4rem 0 6rem;
   }

   .exp-values {
     padding: 2.5rem 0;
   }

   .exp-value-item {
     border-right: none;
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
     padding: 1.75rem 1rem;
   }

   .exp-value-item:last-child {
     border-bottom: none;
   }

   .exp-pillars {
     padding: 4rem 0;
   }

   .exp-pillars__title {
     margin-bottom: 2.5rem;
   }

   .exp-pillar-card__img-wrap {
     min-height: 260px;
   }

   .exp-pillar-card__img {
     min-height: 260px;
   }

   .exp-pillar-card__content {
     padding: 2rem 1.5rem;
   }

   .exp-ecosystem {
     padding: 4rem 0;
   }

   .exp-partner-logos {
     gap: 2rem;
   }

   .exp-focus {
     padding: 4rem 0;
   }

   .exp-audiences {
     padding: 4rem 0;
   }
 }

 /* ============================================================
       PAGE OFFRES — HERO
    ============================================================ */
 .offre-hero {
   background: #121327;  
   padding: 6rem 0;
   position: relative;
   overflow: hidden;
 }
 @media screen and (min-width:1200px){
   .offre-hero {
   background: #121327;
   background: -webkit-linear-gradient(90deg, rgba(18, 19, 39, 1) 50%, rgba(240, 249, 251, 1) 50%);
   background: -moz-linear-gradient(90deg, rgba(18, 19, 39, 1) 50%, rgba(240, 249, 251, 1) 50%);
   background: linear-gradient(90deg, rgba(18, 19, 39, 1) 50%, rgba(240, 249, 251, 1) 50%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121327",
       endColorstr="#F0F9FB",
       GradientType=1);
  }
 }

  @media screen and (max-width:1199.99px){
     .offre-hero {
      padding-bottom: 0!important;
     }

 }
 

 /* .offre-hero .bg-2:before{
      content: '';
      position: absolute;
      height: 100%;
      width: 50vw;
      bottom: 0;
      top: 0;
      background-color: #F0F9FB;
    }*/

 .offre-hero__title {
   font-size: clamp(2.2rem, 4.5vw, 3.8rem);
   font-weight: 700;
   line-height: 1.1;
   margin-bottom: 1.25rem;
   color: var(--white);
 }

 .offre-hero__title span {
   color: var(--teal);
 }

 .offre-hero__text {
   font-size: 1rem;
   line-height: 1.7;
   max-width: 540px;
   color: var(--white);
 }

 .offre-hero__quick-links {
   background: #F0F9FB;
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: var(--radius);
   padding: 1.75rem 2rem;
   margin-top: 1rem;
 }
 @media screen and (max-width:1199.99px) {
   .offre-hero__quick-links {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
   }
 }

 .offre-hero__quick-label {
   font-family: 'DIN Next LT Pro', sans-serif;
   font-size: 1rem;
   font-weight: Normal;
   letter-spacing: .1em;
   margin-bottom: 1rem;
 }

 .offre-hero__quick-list {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: column;
 }

 .offre-hero__quick-list li {
   border-bottom: solid 1px #A3C2ED;
   padding: 0.75rem 0;
 }


 .offre-hero__quick-list li:nth-of-type(1) .svg-icon-list {
   background-color: #B7E2EA;
 }

 .offre-hero__quick-list li:nth-of-type(2) .svg-icon-list {
   background-color: #2F3041;
 }

 .offre-hero__quick-list li:nth-of-type(3) .svg-icon-list {
   background-color: #F1DD5F;
 }

 .offre-hero__quick-list li:nth-of-type(4) .svg-icon-list {
   background-color: #C7D8F5;
 }

 .offre-hero__quick-list li:nth-of-type(5) .svg-icon-list {
   background-color: #F5C0C4;
 }

 .offre-hero__quick-list li:nth-of-type(6) .svg-icon-list {
   background-color: #D0D8EA;
 }


 .offre-hero__quick-list a {
   display: flex;
   align-items: center;
   font-family: 'DIN Next LT Pro', sans-serif;

   gap: 1.5rem;
   font-size: 1rem;
   transition: color .2s;
   line-height: 1.4;
 }

 .offre-hero__quick-list a .svg-icon-list {
   min-width: 42px;
   height: 42px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
 }



 .quick-list-item {
   display: flex;
   flex-direction: column;
 }

 .quick-list-item span {
   font-size: 0.75rem;
 }



 .offre-hero__quick-list svg {
   flex-shrink: 0;
   margin-top: 2px;
 }

 /* ---- anchor nav ---- */
 .offre-anchor-nav {
   background-color: #fff;
   position: sticky;
   top: 0;
   z-index: 100;
   border-bottom: solid 2px #E0EAF9;
   scrollbar-width: thin;
   scrollbar-color: var(--teal) transparent;
 }

 .offre-anchor-nav::-webkit-scrollbar {
   height: 4px;
 }

 .offre-anchor-nav::-webkit-scrollbar-track {
   background: transparent;
 }

 .offre-anchor-nav::-webkit-scrollbar-thumb {
   background-color: var(--teal);
   border-radius: 2px;
 }

 .offre-anchor-nav__list {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   gap: 0;
 }

 .offre-anchor-nav__link {
   display: flex;
   padding: 1rem 2rem;
   font-family: 'Futura', sans-serif;
   font-size: 1rem;
   font-weight: 600;
   white-space: nowrap;
   transition: color .2s, border-color .2s;
   position: relative;
   gap: 1rem;
   align-items: center;
 }

 .offre-anchor-nav__link svg {
   min-width: 13px;
 }



 a.offre-anchor-nav__link:after {
   content: '';
   position: absolute;
   bottom: -2px;
   height: 2px;
   width: 100%;
   left: 0;
   transition: height 0.3s ease;
 }

 a.offre-anchor-nav__link:hover:after {
   height: 6px;
 }

 a.offre-anchor-nav__link.active:after {
   height: 12px;
 }



 .offre-anchor-nav__list li:nth-of-type(1) a:after {
   background-color: #B7E2EA;
 }

 .offre-anchor-nav__list li:nth-of-type(2) a:after {
   background-color: #2F3041;
 }

 .offre-anchor-nav__list li:nth-of-type(3) a:after {
   background-color: #F1DD5F;
 }

 .offre-anchor-nav__list li:nth-of-type(4) a:after {
   background-color: #C7D8F5;
 }

 .offre-anchor-nav__list li:nth-of-type(5) a:after {
   background-color: #F5C0C4;
 }

 .offre-anchor-nav__list li:nth-of-type(6) a:after {
   background-color: #D0D8EA;
 }


 /* ============================================================
       PAGE OFFRES — SECTIONS COMMUNES
    ============================================================ */
 .offre-section {
   padding: 10rem 0;
   background: var(--white);
 }



 .offre-section-top {
   gap: 5rem;
 }

 .offre-section--light {
   background: var(--bg-light);
 }

 .badge-tag-dark {
   background-color: #2F3041;
   color: var(--white);
 }

 .badge-tag-yellow {
   background-color: #F1DD5F;
 }

 .badge-tag-light-purple {
   background-color: #C7D8F5;
 }

 .badge-tag-light-red {
   background-color: #F5C0C4;
 }

 .badge-tag-light-grey {
   background-color: #D0D8EA;

 }



 .offre-section__icon {
   margin-bottom: 1.5rem;
 }

 @media screen and (max-width:600px) {
   .offre-section__icon svg {
width: 40px;
height: 40px;
   }
   .offre-section-top{
    gap: 2rem;
   }

 }

 .offre-section__title {
   font-size: clamp(1.6rem, 2.8vw, 2.4rem);
   font-weight: 700;
   color: var(--navy);
   line-height: 1.2;
   margin-bottom: 1.25rem;
 }

 .offre-section__text {
   font-size: 1rem;
   line-height: 1.75;
 }

 /* ---- Tabs ---- */
 .offre-tabs__nav {
   display: flex;
   gap: 0;
   flex-wrap: wrap;
 }

 .offre-tabs__btn {
   background: transparent;
   border: 1px solid #E3ECFC;
   border-radius: 12px 12px 0px 0;
   padding: .55rem 1.1rem;
   font-family: 'Futura', sans-serif;
   font-size: 1rem;
   font-weight: 600;
   cursor: pointer;
   transition: all .2s;
 }



 .offre-tabs__btn.active {
   background: #E3ECFC;
   border-color: #E3ECFC;
   color: var(--navy);
 }

 /* ---- Prestation box ---- */
 .offre-prestation-box {
   background: #E3ECFC;
   border-radius: 0 24px 24px 24px;
   border: 1.5px solid transparent;
   overflow: hidden;
   padding: 1.5rem;
 }

 .offre-prestation-box-basic {
   border-radius: 24px;
 }



 .offre-section--light .offre-prestation-box {
   background: var(--white);
 }

 .offre-prestation-box__title {
   font-family: 'Futura', sans-serif;
   font-size: .82rem;
   font-weight: 700;
   letter-spacing: .04em;
   color: var(--white);
   background: var(--navy);
   padding: .75rem 1.5rem;
 }

 .offre-prestation-col {
   /* padding: 1.5rem;
        border-right: 1px solid rgba(18, 19, 39, 0.09);*/
 }

 .offre-prestation-col:last-child {
   border-right: none;
 }

 .offre-prestation-col__label {
   font-family: 'DIN Next LT Pro', sans-serif;
   font-size: 1rem;
   font-weight: 700;
   letter-spacing: .1em;
   margin-bottom: .75rem;
   text-transform: uppercase;
 }

 .offre-prestation-col__list {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: column;
 }

 .offre-prestation-col__list li {
   font-size: 1rem;
   color: var(--text-dark);
   line-height: 1.4;
   border-bottom: solid 1px #A3C2ED;
   padding: 0.4rem 0;
 }

 .offre-prestation-col__list li:last-of-type {
   border-bottom: none;
 }

 .offre-prestation-col--sm {
   padding: 1.25rem 1rem;
 }

 /* ---- Plans (3 cards) ---- */
 .offre-plans {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1.5rem;
   align-items: start;
 }

 .offre-plan {
   background: var(--white);
   border-radius: 24px;
   position: relative;
   box-shadow: 0 99px 28px 0 rgba(0, 0, 0, 0.00), 0 63px 25px 0 rgba(0, 0, 0, 0.01), 0 36px 21px 0 rgba(0, 0, 0, 0.04), 0 16px 16px 0 rgba(0, 0, 0, 0.07), 0 4px 9px 0 rgba(0, 0, 0, 0.08);
   overflow: hidden;

 }

 .offre-plan__header {
   background-color: #121327;
   padding: 1.5rem;

 }

 .offre-plan__header.recommanded {
   background-color: #49ABC2;
   position: relative;
 }

 .offre-plan__header.recommanded .tag-plan {
   background-color: #F1DD5F;
   border-radius: 12px;
   color: #fff;
   padding: .25rem .9rem;
   transform: translateY(50%);
   position: absolute;
   bottom: 0;
   right: 12px;
   color: #121327;
   font-family: 'DIN Next LT Pro', sans-serif;


 }







 .offre-plan__name {
   font-family: 'Futura', sans-serif;
   font-size: 1.375rem;
   font-weight: 700;
   color: var(--white);
   margin-bottom: .4rem;
 }


 .offre-plan__desc {
   font-size: 1rem;
   color: var(--white);
   line-height: 1.4;
   font-family: 'DIN Next LT Pro', sans-serif;

 }


 .offre-plan__list {
   list-style: none;
   padding: 1.5rem;
   margin: 0;
   display: flex;
   flex-direction: column;
 }

 .offre-plan__list li {
   display: flex;
   align-items: flex-start;
   line-height: 1.35;
   border-bottom: solid 1px #A3C2ED;
   padding: 0.5rem;

 }

 .offre-plan__list li:last-of-type {
   margin-bottom: 0.5rem;
 }



 .offre-plan__list svg {
   flex-shrink: 0;
   margin-top: 1px;
   stroke: var(--teal-dark);
 }

 .offre-plan--featured .offre-plan__list svg {
   stroke: var(--teal);
 }

 /* ---- Accordion ---- */
 .offre-accordion {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 }

 .offre-accordion__item {
   background: var(--white);
   box-shadow: 0 99px 28px 0 rgba(0, 0, 0, 0.00), 0 63px 25px 0 rgba(0, 0, 0, 0.01), 0 36px 21px 0 rgba(0, 0, 0, 0.04), 0 16px 16px 0 rgba(0, 0, 0, 0.07), 0 4px 9px 0 rgba(0, 0, 0, 0.08);


   border-radius: 24px;
   overflow: hidden;
 }

 .offre-accordion__btn {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 1rem;
   background: transparent;
   border: none;
   padding: 1.5rem;
   font-family: 'Futura', sans-serif;
   font-size: 1.375rem;
   font-weight: 700;
   color: var(--navy);
   cursor: pointer;
   text-align: left;
   transition: background .2s;
 }

 .offre-accordion__btn:hover {
   background: rgba(18, 19, 39, 0.03);
 }

 .offre-accordion__item--open .offre-accordion__btn {
   background: var(--navy);
   color: var(--white);
 }

 .offre-accordion__chevron {
   flex-shrink: 0;
   transition: transform .25s;
 }

 .offre-accordion__item--open .offre-accordion__chevron {
   transform: rotate(180deg);
 }

 .offre-accordion__body {
   height: 0;
   overflow: hidden;
   transition: height 0.35s ease;
 }

 .offre-accordion__body-inner {
   padding: 1.25rem;
   font-size: .9rem;
   color: var(--text-dark);
   line-height: 1.7;
 }

 .offre-accordion__body-inner p {
   margin: 0;
 }

 /* ---- Integrated cards (2x2) ---- */
 .offre-integrated-card {
   background: var(--white);
   border-radius: 24px;
   overflow: hidden;
   height: 100%;
   box-shadow: 0 99px 28px 0 rgba(0, 0, 0, 0.00), 0 63px 25px 0 rgba(0, 0, 0, 0.01), 0 36px 21px 0 rgba(0, 0, 0, 0.04), 0 16px 16px 0 rgba(0, 0, 0, 0.07), 0 4px 9px 0 rgba(0, 0, 0, 0.08);


 }

 .offre-integrated-card__header {
   background: var(--navy);
   color: var(--white);
   font-family: 'Futura', sans-serif;
   font-size: 1rem;
   font-weight: 700;
   padding: 1rem 1.5rem;
 }

 .offre-integrated-card__col {
   padding: 1.5rem;
 }

 .offre-integrated-card__col:last-child {
   border-right: none;
 }

 .g-6-custom {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 4rem;
 }

 /* ============================================================
       PAGE OFFRES — RESPONSIVE
    ============================================================ */
 @media (max-width: 991.98px) {
   .offre-hero {
     padding: 5rem 0 0;
   }

   .offre-hero__quick-links {
     margin-top: 2rem;
   }

   .offre-section {
     padding: 4.5rem 0;
   }

   .offre-plans {
     grid-template-columns: 1fr;
   }
 }

 @media (max-width: 1199.98px) {
   .offre-anchor-nav {
     display: none;
   }
 }

 @media (max-width: 767.98px) {
   .offre-anchor-nav__link {
     padding: .85rem 1rem;
     font-size: .78rem;
   }

   .offre-section {
     padding: 3.5rem 0;
   }

   .offre-plans {
     gap: 1.25rem;
   }

   .offre-prestation-col {
     border-right: none;
     border-bottom: 1px solid rgba(18, 19, 39, .09);
   }

   .offre-prestation-col:last-child {
     border-bottom: none;
   }

   .offre-integrated-card__col {
     border-right: none;
     border-bottom: 1px solid rgba(18, 19, 39, .09);
   }

   .offre-integrated-card__col:last-child {
     border-bottom: none;
   }
 }