/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 16 2026 | 13:27:22 */
.:is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--title-font);
}

.align-left-mob {
	text-align:left!important;
}

.mt-20 {
	margin-top:var(--mt-20);
}

.strip {
	background-color:var(--section-strip) ;
}

@media (max-width: 991px) { 
	.hide-mobile {
		display:none!important;
	}

}

.strip-w{
	background-color: var(--section-strip);
    background-image: url(https://webmedia.club/wp-content/uploads/2026/04/W-bloc-2x.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.strip-d{
	background-color: var(--main);
    background-image: url(https://webmedia.club/wp-content/uploads/2026/04/hero-w-pattern.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bgmain {
	background-color:var(--main) ;
}

.bgmain-w-left {
	position:relative;
	overflow: hidden;
    z-index: 0;
}

.bgmain-w-left::after {
    content: '';
    position: absolute;
    top: 0;
    right: -9%;
    width: 80%;
    height: 100%;
    background-image: url(https://webmedia.club/wp-content/uploads/2026/04/hero-w-pattern.webp);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
	opacity: 0.5;
}


@media (max-width: 1102px) {
  .brxe-container {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
}


.p-dynamic-width {
    width: min(95%, 100%);
	margin:0 auto;
}

.pb-80 {
	padding-bottom:var(--pb-80);
}

.pt-80 {
	padding-top:var(--pt-80)!important;
}

@media (max-width: 767px) {
	.pt-80 {
		padding-top:55px!important;
	}
}

.pt-50 {
	padding-top:var(--pt-50)!important;
}

.pt-30 {
	padding-top:var(--pt-30)!important;
}
.certif-wrapper{
	padding:40px 15px;
}

.certif-wrapper h6 {
	font-family:var(--title-font);
	font-size: 25px;
    font-weight: 300;
	color:black;
}

.certif-elt {
	gap:20px;
}

.certif-elements img{
	width:462px;
}

/*vision-wm*/


.vision-wm {
	padding-bottom:var(--pb-40);
}

.vision-wrp {
	display:flex;
	align-items:flex-end;
	flex-wrap:wrap;
	gap: 40px 0px;
}

.main-title-drk{
	font-weight:500;
	font-size:var(--second-title-sz);
	line-height:var(--title-line-h);
	text-align:center;
}



.vision-left , .icon-title-sub-wrap {
	display:flex;
	flex-direction:column;
	gap:15px;
	align-items:center;
}

@media (max-width: 767px) {
	.vision-left , .icon-title-sub-wrap {
	align-items:normal;
	}

}

.main-sub-desc {
	line-height:var(--gr-p-line-h);
	font-size:var(--gr-p-f-size);
	color:var(--main-dark-t-70);
	text-align:center;
}

.desc-16 {
	line-height:var(--gr-p-line-h);
	font-size:var(--gr-p-f-size-17);
	color:var(--main-dark-t-70);
}

.desc-16-clear {
	color: var(--white-t-50)!important;
}

.wht {
	color: var(--white)!important;
}



.vision-right {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
    gap: 20px;
}

@media (max-width: 767px) {
	.vision-right {
		flex-wrap:wrap!important;
	}
}

.vision-right p {
	line-height:var(--gr-p-line-h);
	font-size:var(--gr-p-f-size-17);
	color:var(--main-dark-t-70);
	text-align:center;
	min-height: 75px;
}

@media (max-width: 767px) {
	.vision-right p {
		min-height:auto;
	}
}

.vision-elt {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items:center;
	background: #FDFDFD;
    border: 1px solid #F0F0F0;
	border-radius:var(--border-radius-12);
	padding:20px;
	width:100%;
}

.vision-elt svg{
	height:35px;
}

.rotate-ic {
	transform: rotate(35deg);
}



/*//vision-wm*/

/* Home Team Pic */
.team-pic-wrap {
  width: 100%;
  overflow: hidden;
}

.team-pic-wrap img {
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius:var(--border-radius-12);
}
/* //Home Team Pic */

/* Dark-wm-selector */
.dark-wm-selector,
.light-wm-selector {
	padding-top:50px;
	padding-bottom:50px;
    background-color: var(--main);

}

.light-wm-selector {
	background-color: var(--white);
}

/*Dark wm wording */
.dark-wm-wording {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

@media (max-width: 767px) {
	.dark-wm-wording {
    align-items:normal;
	}
}

.dark-wm-wording h2{
	font-weight:500;
	font-size:var(--second-title-sz);
	line-height:var(--title-line-h);
	text-align:center;
    color:var(--white)!important;
}


.dark-wm-wording p {
    line-height: var(--gr-p-line-h);
    font-size: var(--gr-p-f-size);
    color: var(--white-t-50);
    text-align: center;
}

/* //Dark-wm-selector */

/* 6-cards-wrapper*/
.cards-6-wrapper {
   padding:80px 0px;
}

@media (max-width: 767px) {
	.cards-6-wrapper {
   padding:20px 0px;
}

}

.card-6-container {
	padding:50px 0px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px; /* espace entre les cards */
}

.card-5-2-container {
    padding: 50px 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.card-5-2-container .card-6-elt {
    grid-column: span 4;
}

.card-5-2-container .card-6-elt.card-6-half {
    grid-column: span 6;
}

/* Tablette : 2 colonnes */
@media (max-width: 991px) {
    .card-5-2-container .card-6-elt,
    .card-5-2-container .card-6-elt.card-6-half {
        grid-column: span 6;
    }
}

/* Mobile : 1 colonne */
@media (max-width: 767px) {
    .card-5-2-container {
        padding: 30px 0;
    }

    .card-5-2-container .card-6-elt,
    .card-5-2-container .card-6-elt.card-6-half {
        grid-column: span 12;
    }
}

.card-4-line-container {
	grid-template-columns: repeat(4, 1fr)!important;
}

.card-3-line-container {
	grid-template-columns: repeat(3, 1fr)!important;
}

.card-6-2x {
	grid-template-columns: repeat(2, 1fr)!important;
}

@media (max-width: 768px) {
  .card-6-container {
    grid-template-columns:1fr!important;
  }
}

@media (max-width: 480px) {
  .card-6-container {
    grid-template-columns: 1fr;
  }
}

.card-6-elt {
	display: flex;
    flex-direction: column;
    gap: 15px;
    align-items:center;
	background: #FDFDFD;
    border: 1px solid #F0F0F0;
	border-radius:var(--border-radius-12);
	padding:20px;
	width:100%;
	align-items:baseline;
	transition: var(--transition-smooth);
}

.center-all *{
	justify-content: center;
    text-align: center;
	margin:0 auto;
}

.card-6-icon-wrp {
	width: 56px;
	height: 56px;
	background-color: var(--cards-6-icon-bg);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-6-elt svg {
	height:36px;
}

.bleu-to-cooper-svg .dark{
	fill:var(--main-dark); 
}


.bleu-to-cooper-svg .clear{
	 
	fill:var(--main-dark-t-50);
}

.bleu-to-cooper-svg .dark,
.bleu-to-cooper-svg .clear {
	transition: fill var(--transition-smooth);
}

.card-6-elt h4 {
	color:var(--main-dark);
	font-size:clamp(18px, 2vw, 23px);
	transition: color var(--transition-smooth);
}

.card-6-elt p {
	color:var(--main-dark-t-70);
	font-size:clamp(15px, 1.4vw, 16px);
	line-height: var(--gr-p-line-h);
}
/*Card-Hover*/


.card-6-elt-active .card-6-icon-wrp,
.card-6-elt:hover .card-6-icon-wrp {
	background-color:var(--cards-6-icon-bg-active);
}


.card-6-elt{
	cursor:pointer;
}

.card-6-elt:hover h4 {
	color: var(--accent);

}

.card-6-elt:hover .bleu-to-cooper-svg .dark {
	
	fill: var(--accent);
}

.card-6-elt:hover .bleu-to-cooper-svg .clear {
	fill: var(--accent-t-50);
}

/*6-card-last*/
.card-6-elt-last {
	background-color: var(--main);
    background-image: url("https://webmedia.club/wp-content/uploads/2026/04/w-copper-stroke.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
}

.card-6-elt-last h4{
	color:var(--white);
}

.card-6-elt-last p{
	color: var(--white-t-70);
}

/* 6-cards-wrapper*/

/* Dark-wm-bloc */

.dark-wm {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: var(--main);
}

.folder-4-wrp {
	padding: 70px 0px 0px 0px;
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 2 blocs par ligne */
	gap: 50px 20px;
}

/* Mobile */
@media (max-width: 480px) {
  .folder-4-wrp {
    grid-template-columns: 1fr; /* 1 bloc */
  }
}
/* Folder bloc */
.folder-elt {
	border-radius:20px;
	padding:30px 24px;
	background-color:var(--white);
	position:relative;
	border: 1px solid #e5e5e5;
	display:flex;
	flex-direction:column;
	gap:20px;
}

.folder-elt-tag {
	box-sizing: border-box;
    position: absolute;
    left: 25px;
    top: -18px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 50px;
    padding: 5px 20px;
}

.folder-elt-tag span {
	font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.35px;
    text-transform: uppercase;
    color: #262626;
    font-family: var(--title-font);
}

.folder-elt-tag h3 {
	font-size:40px;
	color:#171717;
}

.folder-elt-tag p {
	font-size:clamp(15px, 1.4vw, 16px);
	color:#525252;
	line-height:var(--gr-p-line-h);
}

.folder-elt img {

}

/* Filtrable project */ 

/* ─── Wrapper & projet ─── */
.filtrable-wrapper {
    padding: 80px 0;
}

.filtrable-project {
    display: grid;
    gap: 50px 0;
}

/* ─── Tab menu ─── */
.filtrable-project .tab-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 80%;
    margin: 0 auto;
}

.filtrable-project .tab-menu .tab-title {
    padding: 10px 20px !important;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 11px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 0 8px;
    transition: var(--transition-smooth);
}

.filtrable-project .tab-menu .tab-title svg {
    display: none;
}

.filtrable-project .tab-menu .brx-open svg {
    display: block;
}

.filtrable-project .tab-menu .brx-open {
    border: 1px solid var(--main) !important;
    background-color: var(--main) !important;
    box-shadow:
        -6px 27px 11px rgba(21, 24, 52, 0.02),
        -3px 15px 9px rgba(21, 24, 52, 0.08),
        -2px 7px 7px rgba(21, 24, 52, 0.13),
        0px 2px 4px rgba(21, 24, 52, 0.15),
        inset 0px 0px 6.8px rgba(255, 255, 255, 0.25);
}

.filtrable-project > .tab-menu .brxe-text-basic {
    font-family: var(--title-font);
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}

.filtrable-project .tab-menu .brx-open .brxe-text-basic {
    color: white;
}

/* ─── Tab content (carte) ─── */
.single-tab {
	padding:20px;
	width:100%;
}

.single-tab,
.filtrable-project .tab-content,.single-tab {
    border: 1px solid #dddedf!important;
    border-radius: 20px;
}

/* ─── Grid principal : image | contenu ─── */
.single-tab-wrp,
.filtrable-project .tab-content .filtrable-content-wrp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 10px;
    gap: 40px;
}

/* ─── Image ─── */
.single-tab-img-container,
.filtrable-img-container {
    height: 100%;
    min-height: 320px;
    border-radius: 14px;
    overflow: hidden;
}

.single-tab-img-container img,
.filtrable-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ─── Contenu texte ─── */
.single-tab-content,
.filtrable-project .filtrable-content {
    display:flex;
	flex-direction:column;
    gap: 20px 0px;
    padding: 16px 16px 16px 0;
}

/* ─── Tag secteur ─── */
.sector-tag {
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    border-radius: 11px;
    color: var(--main);
    font-size: 14px;
    font-weight: 600;
    padding: 8px 20px;
    width: fit-content;
}

/*tab-icon*/
.single-tab-img,
.filtrable-tab-img {
    width: 160px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.single-tab-img img,
.filtrable-tab-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ─── Description ─── */
.single-tab-content p,
.filtrable-project .filtrable-content p {
    color: var(--black-t-70);
    font-size:var(--gr-p-f-size);
    line-height: var(--gr-p-line-h);
}

/* ─── KPIs ─── */
.single-tab .filtrable-value-wrp,
.filtrable-project .filtrable-content .filtrable-value-wrp {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: start;
    gap: 0 30px;
}

.filtrable-value {
    display: grid;
    gap: 4px;
}

.filtrable-value h4 {
    color: var(--main);
    font-size: 42px;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
}

.filtrable-value p {
    color: var(--black-t-70);
    font-size: 13px !important;
}

.filtrable-value-btn button,
.single-tab-content button {
	padding: 15px 20px;
}

.single-tab-tag-icon-wrapper {
	display:flex;
	align-items:center;
	gap:15px;
}

@media (max-width: 767px) {
	.single-tab-tag-icon-wrapper {
		flex-wrap:wrap;
	}	
}

.single-tab-tag-icon-wrapper-2-lines {
	flex-wrap:wrap;
}

/*.single-tab-tag-icon-wrapper-2-lines .single-tab-tag-icon {
	width: calc(50% - 7.5px);
}*/


.single-tab-tag-icon-wrapper-2-lines .single-tab-tag-icon:nth-child(3) {
    width: 100%;
}

.single-tab-tag-icon {
	padding: 7px 17px;
	gap: 8px;
	background: #FFFFFF;
	border: 1px solid #F0F0F0;
	border-radius: 42px;
	display:flex;
	align-items:center;
	gap:0px 10px;
	flex-wrap:nowrap;
	width:fit-content;
}

.single-tab-tag-icon p{
	color:var(--main);
	font-size: clamp(15px, 1.4vw, 16px);
    font-weight: 500;
}

/* ─── Responsive tablette ─── */
@media (max-width: 1024px) {
    .filtrable-project .filtrable-content,
	.single-tab-content{
        padding: 16px 16px 16px 0;
        gap: 16px;
    }

    .filtrable-value h4 {
        font-size: 32px;
    }

    .filtrable-project .filtrable-content p {
        font-size: clamp(15px, 1.4vw, 16px);
    }
}

/* ─── Responsive mobile ─── */
@media (max-width: 768px) {
    .filtrable-project .tab-menu {
        width: 100%;
    }

    .single-tab-wrp,
	.filtrable-project .tab-content .filtrable-content-wrp {
        grid-template-columns: 1fr;
        padding: 0;
        gap: 0;
    }

    /* Contenu en premier */
    .filtrable-project .filtrable-content,.single-tab-content {
        order: 1;
        padding: 24px 20px;
        gap: 16px;
    }

    /* Image en dessous */
    .single-tab-img-container, .filtrable-img-container  {
        order: 2;
        min-height: 240px;
        border-radius: 0 0 18px 18px;
    }
	.single-tab,
    .filtrable-project .filtrable-content .filtrable-value-wrp {
        grid-template-columns: repeat(2, auto);
        gap: 16px 24px;
    }

    .filtrable-value h4 {
        font-size: 28px;
    }

    .filtrable-project > .tab-menu .brxe-text-basic {
        font-size: 14px;
    }
}

/* ─── Responsive petit mobile ─── */
@media (max-width: 480px) {
    .filtrable-wrapper {
        padding: 40px 0;
    }
	.single-tab,
    .filtrable-project .filtrable-content .filtrable-value-wrp {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .filtrable-value h4 {
        font-size: 32px;
    }
}

/* FAQ */
.faq-wm-wrapper {
	padding-bottom:80px;
	background-color:var(--white);
}

.faq-container {
	padding-top:50px;
}



.faq-wm {
    width: min(95%, 100%);
}

.faq-wm h3{
	font-size:21px;
	color:black;
	font-weight: 500;
}

/* ── Tuer le ::before de l'icône - ── */
.faq-wm li .accordion-title .icon.expanded::before {
    content: none !important;
}

/* ── Base du + ── */
.faq-wm .icon:not(.expanded) {
    display: block;
    font-size: 40px;
    transition: transform 0.35s ease, color 0.35s ease;
    transform: rotate(0deg);
}

/* ── Ouvert : rotation 45° → devient × ── */
.faq-wm .accordion-title-wrapper[aria-expanded="true"] .icon:not(.expanded) {
    transform: rotate(45deg);
    color: var(--accent);
}

/* ── Séparateurs ── */
.faq-wm li {
    border-bottom: 1px solid rgba(13, 33, 29, .12);
    padding: 12px 0;
}

@media (max-width: 991px) {
	.faq-container {
    padding-top: 10px;
	}
}

@media (max-width: 767px) {
	:where(.brxe-accordion) .accordion-title {
    align-items: start;
	}
.faq-wm h3 {
    font-size: 15px;
	line-height: var(--title-line-h);
}
	
 .faq-wm .icon:not(.expanded) {
	font-size: 30px;
}


}
.pre-footer-wrp {
	padding-bottom:80px;
}


.pre-footer {
  background-color: var(--main);
  background-image: url('https://webmedia.club/wp-content/uploads/2026/04/w-team.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  border-radius:var(--border-radius-12);
  padding: 40px 40px;
  width: 100%;
  min-width: 100%;
}

@media (max-width: 1130px) {
  .pre-footer {
    background-image: none;
  }
}

@media (max-width: 1130px) and (min-width: 768px) {
 .pre-footer {
    display: none;
  }
}



.pre-footer-elt *{
	text-align:left!important;
}

.pre-footer-elt {
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.pre-footer-icon-wrp {
	display:flex;
	align-items:center;
	gap: 20px;
}

.pre-footer-icon {
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
	gap:8px;
	
}

.pre-footer-icon p {
	color:var(--white);
	font-size:clamp(15px, 1.7vw, 19px);
	font-weight: 300;
}

.pre-footer-devider {
  border: 1px solid rgba(255, 255, 255, .15);
  height: 20px;
}

.pre-footer p {
  width: 50%;
}

@media (max-width: 1024px) {
  .pre-footer p {
    width: 100% !important;
  }
}

.pre-footer .hero-p {

	line-height:var(--lh-12)!important;
 }

@media (max-width: 991px) { 
.pre-footer-icon {
    display: flex;
    align-items: baseline;
    flex-direction: column;
    gap: 3px;
	}
	
 .pre-footer-icon p {
    font-size: 14px;
	}
}

/*Silver*/

.pad-80 {
	padding:var(--pad-80);
}

@media (max-width: 991px) {
	.pad-80 {
		padding:40px 0px;
	}
}

.pad-50 {
	padding:var(--pad-50);
}

/* ===== DESKTOP (> 991px) ===== */
.txt-img-wrp {
  display: flex;
  align-items: center;
  gap: 30px;
  width:100%;
  justify-content: space-between;
}

.icon-flex {
	display:flex;
	align-items:start;
	gap:20px;
}

.icon-wrp-side {
	flex-basis: 17%;
    position: relative
}

.p-title {
	display:block;
	color:var(--main);
	font-size:18px;
}

.txt-wrp {
  flex: 0 0 41.666%; /* col-md-5 */
  max-width: 41.666%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.img-wrp {
  flex: 0 0 50%; /* col-md-6 */
  max-width: 50%;
}

/* ===== RESPONSIVE (≤ 991px) ===== */
@media (max-width: 991px) {
  .txt-img-wrp {
    flex-direction: column;
    gap: 20px;
  }

  .txt-wrp,
  .img-wrp {
    flex: 0 0 100%;
    max-width: 100%;
  }
	
  .txt-wrp{
    padding:0px 15px;
  }
	
}

.bl-title-left {
	font-size: clamp(24px, 3.5vw, 34px);
	color:var(--main-dark);
	font-weight:500;
	text-align:left;
	line-height:var(--lh-12);
}

.brd-txt-wrap {
	border-left:2px solid var(--accent);
	padding:2px 10px;
	position:relative;
	display:flex;
	flex-direction:column;
	gap:5px;
}

.brd-txt-wrap h5 {
	color: black;
    font-weight: 500;
}

.brd-txt-wrap p {
	color: rgba(0, 0, 0, .9);
    font-weight: 400;
	font-size:clamp(15px, 1.4vw, 16px);
	line-height:var(--lh-12);
}

.grid-2-50 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.grid-2-50-v {
  display: flex;
  flex-direction: column;
  gap:20px;
}

.grid-2-50-v  .wording-icon-wrp {
	flex-direction:row;
	align-items: center;
}

.grid-2-50-v .wording-icon-wrp p {
    font-size: clamp(11px,2vw,14px);
}

@media (max-width: 768px) {
  .grid-2-50 {
    grid-template-columns: 1fr;
	gap:20px;
  }
}

.wording-icon-wrp {
	display:flex;
	flex-direction:column;
	gap:8px;
}

.icon-square {
	background-color:#FBF5F1;
	border-radius:8px;
	height:65px;
	width:65px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:15px;
	aspect-ratio: 1;
}

@media (max-width: 767px) {
	.icon-square {
		height:50px;
		width:50px;
	}
}

.wording-icon-wrp h3 {
	color:var(--main);
	font-size:clamp(16px,2vw,22px);
	font-weight:600;
}

.wording-icon-wrp p {
	font-size:clamp(15px,2vw,12px);
}

/** 2-Cards-Bloc ***/

.card-2-wrp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
	gap: 60px 45px;
	align-items:start;
}

.why-2-wrp {
	display: grid;
	grid-template-columns: repeat(12, 1fr)!important;
	width: 100%;
	gap: 60px 45px;
	align-items: center;
	align-items: flex-start;
}

.why-2-wrp h3 {
	font-weight: 600!important;
	font-size: 32px;
	line-height: var(--title-line-h);
}

.why-pill-wht {
    background-color: var(--white);
    border: 1px solid #f6f6f6;
    border-radius: var(--border-radius-50);
    padding: 10px 25px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
}

.why-pill-wht span {
	color:#000;
	font-size:16px;
	font-weight:500;
}

.why-pill-bleu {
    background-color: rgba(255, 255, 255, .09);
    border: 1px solid rgba(246, 246, 246, .06);
    border-radius: var(--border-radius-50);
    padding: 10px 25px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
}

.why-pill-bleu span {
	color:var(--white);
	font-size:16px;
	font-weight:500;
}

.why-4-g {
    grid-column: 2 / span 5;
}

.why-4-b {
    grid-column: 7 / span 5;
	background-color:var(--main)!important;
}

.why-4-b a {
	transition: var(--transition-smooth);
	color:var(--white);
}

.why-4-b a:hover,
.why-4-b a:focus {
	color:var(--accent);
}


.why-4-b h3{
	color:var(--white)!important;
}

.why-4-b p{
	color: var(--white-t-50)!important;
}

    

/* Responsive */
@media (max-width: 767px) {
	.why-2-wrp {

    gap: 20px 0px;

	}
    .why-4-g,
    .why-4-b {
        grid-column: span 12;
    }
}

.card-3-wrp {
	grid-template-columns: repeat(3, 1fr);
	gap:30px!important;
}

@media (max-width: 767px) {
    .card-2-wrp,.card-3-wrp {
        grid-template-columns: 1fr;
    }
	
	  .card-2-txt--1 {
    order: 1;
  }

  .card-2-img--1 {
    order: 2;
  }

  .card-2-txt--2 {
    order: 4;
  }

  .card-2-img--2 {
    order: 3;
  }

  .card-2-txt--3 {
    order: 5;
  }

  .card-2-img--3 {
    order: 6;
  }
}

.card-2 {
	border-radius:var(--border-radius-16);
	border:1px solid #f3f3f3;
	padding:25px 25px;
	background-color:var(--card-initial);
	display:flex;
	flex-direction:column;
	gap:20px;
}

.card-2-h {
	flex-direction:row!important;
	align-items:center;
}

@media (max-width: 768px) {
	.card-2-h {
	flex-direction:column!important;
	align-items: normal;
	}
}

.h-svg-wrp {
	flex-basis:25%;
}
.h-title-mlt {
	font-size:18px!important;
}

.h-txt-wrp {
	display:flex;
	flex-direction:column;
	gap:10px 0px;
}

.card-2 h3,
.card-2-txt h3{
	font-size:clamp(20px, 2vw, 30px);
	font-weight:500;
	color:var(--main);
}

.card-2 p,
.card-2-txt p{
	color: var(--main-dark-t-70);
	font-size:var(--gr-p-f-size-17);
	line-height: var(--gr-p-line-h);
	margin-bottom:0px;
}

.card-2-icon-wrp {
	width: 64px;
	height: 64px;
	background-color: #E8EAED;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;	
}

.card-2-icon-wrp svg {
	height:36px;
}

.card-2-active {
	border-color:var(--main);
	background-color:var(--main);
}

.card-2-active .card-2-icon-wrp {
	background-color:var(--cards-6-icon-bg-active);
}

.card-2-active h3 {
	color:var(--accent);
}

.card-2-active p {
	color:var(--white);
}

.card-2-inner {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: var(--border-radius-16);
    border: 1px solid #f3f3f3;
    padding: 30px 45px;
    background-color: var(--card-initial);
    gap: 25px;
}

.card-3-inner {
	padding: 30px!important;
	gap:15px!important;
}

@media (max-width: 768px) {
   .card-2-inner,.card-3-inner  {
        grid-template-columns: 1fr;
    }
}

.card-2-inner {padding:30px;}

.card-2-inner h3,.card-3-inner h3{
	font-size: clamp(22px, 2vw, 25px);
    font-weight: 600;
    color: var(--main);
	line-height: var(--title-line-h);
}

.card-2-inner p,.card-3-inner p{
	color: var(--main-dark-t-70);
	line-height: var(--gr-p-line-h);
}

.card-2-inner-txt {
	display:flex;
	flex-direction:column;
	gap:10px;
}

.card-2-inner-list li{
	color: var(--main-dark-t-70);
	font-size: 15px;
}

.card-2-inner-list li i{
	color:var(--accent);
}

.card-2-inner-list li .content{
	justify-content:left;
	gap:0px 5px;
}


.card-2-inner-list li .separator{
	display:none;
}

.card-2-side {
	flex-direction:row;
	align-items: center;
}

.card-2-side img{
	height:230px;
}

.card-2-side-wording {
	display:flex;
	flex-direction:column;
	gap:15px;
}

.card-2-side-equal h3 {
	min-height:70px;
}

.card-2-side-wording h3 {
	font-size:24px;
}

.card-2-side-wording p {
	font-size:15px;
}

.card-2-side-link {
	transition: var(--transition-smooth);
	color:var(--main);
}


.card-2-side-link:hover,.card-2-side-link:focus{
	color:var(--accent);
}

.card-3-inner-img-holder svg{
	height:50px;
}

.card-3-inner-img-holder{
 max-height: 50px;
 margin-bottom:15px;
}
   

.icons-multi {
	display:inline-flex;
	gap:0px 8px;
}

.card-3-inner-img-holder div {
	font-weight:500;
	color:var(--main);
}

/* 2 Bloc txt accordion img */

.card-2-txt {
	display:flex;
	flex-direction:column;
	gap:20px;
}

.card-2-accordion li {
    border-bottom: 1px solid rgba(13, 33, 29, .12);
    padding: 5px 0;
}

.card-2-accordion h3 {
	font-size: 22px;
}

.card-2-accordion p {
	font-size: 15px;
}

.card-2-accordion i {
	font-size:20px;
}

.card-2-txt button {
	width:fit-content;
}

.card-2-txt-wht h3,.card-2-txt-wht h6{
	color:var(--white);
}

.card-2-txt-wht h6{
	font-weight:500;
	font-size:22px;
}

.card-2-txt-wht p{
	color:var(--white);
	color: var(--white-t-50) !important;
}

.icon-txt-desc-o {
	font-size:15px!important;
}

.card-2-txt-wht .icon-txt-wrp {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.card-2-txt-wht .ctn-flx {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    gap: 16px;
}

.card-2 img {
	margin:0 auto;
}

/* Mobile */
@media (max-width: 768px) {
	
	.card-2-side {
		flex-direction: column;
	}
    .card-2-txt-wht .ctn-flx {
        grid-template-columns: 1fr;
    }
}

.icon-txt {
	display:flex;
	align-items:center;
	gap:0px 10px;
}


/** 4 Blc + BG **/ 

.card-2-wrp-d-size {
	grid-template-columns: 55% 45%!important;
	gap: 15px;
}

@media (max-width: 991px) { 
	.card-2-wrp-d-size {
    grid-template-columns: 100% 100% !important;
	}
}

.card-2-wrap-4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

/* Mobile */
@media (max-width: 767px) {
  .card-2-wrap-4 {
    grid-template-columns: 1fr;
  }
}


.card-2-4-elt-crd {
   background-color:var(--white);
   border-radius:var(--border-radius-16);
   border: 1px solid #F0F0F0;
   box-shadow: 0px 0px 10.6px rgba(0, 0, 0, 0.03);
   padding:20px;
   display:flex;
   flex-direction:column;
   gap:15px;
   
}

.card-2-4-elt-crd-icon-wrp {
	width: 64px;
    height: 64px;
    background-color: var(--cards-6-icon-bg-active);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-2-wrap-4 p {
	color:#828294;
    line-height: var(--gr-p-line-h);
}

.card-2-wrap-4 h6 {
	color: var(--main);
	line-height: var(--gr-p-line-h);
    font-size:20px;
}


.card-2-bg-wrap {
  border-radius:var(--border-radius-16);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding:30px;
  position:relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-height:570px;
}

.bg-blue-text-blc {
	position: relative;
    padding:30px;
    background-color: var(--main);
    border-radius: var(--border-radius-16);
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1;
	width: fit-content;
}

.bg-blue-text-blc::after {
    content: '';
    position: absolute;
    top: 0;
    right: -9%;
    width: 80%;
    height: 100%;
    background-image: url(https://webmedia.club/wp-content/uploads/2026/04/hero-w-pattern.webp);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.bg-blue-text-blc p {
	color: var(--white-t-50);	
}
    
/** 3 Blc**/ 
.blc-3x-wrp {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:45px;
  width:100%;
}

/* Tablette */
@media (max-width: 1024px) {
  .blc-3x-wrp {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .blc-3x-wrp {
    grid-template-columns: 1fr;
  }
}

.blc-3x-wrp-card {
  display:flex;
  flex-direction:column;
  gap:20px;
}

@media (max-width: 991px) {
	.blc-3x-wrp-card {
		align-items: center;
	}
	
	.blc-3x-wrp {
    	gap: 40px;
	}
}

.blc-3x-wrp-card h3 {
	color:#303044;
	font-size:24px;
	line-height:var(--title-line-h);
	
}

.blc-3x-wrp-card p {
	color: var(--main-dark-t-70);
    font-size: clamp(15px, 1.4vw, 16px);
    line-height: var(--gr-p-line-h);
}

@media (max-width: 767px) {
	.txt-center-mob {
		text-align:center!important;
	}
	.blc-3x-wrp-card p {

	text-align:left;
	}
}

.center-text {
	text-align:center!important;
}

.pill-3x-icon {
	background-color:var(--white);
	border:1px solid #f0f0f0;
	display:flex;
	align-items:center;
	gap:10px;
	width:fit-content;
	padding:8px 20px;
	border-radius:50px;
}

.pill-3x-icon p {
	font-size:clamp(15px, 1.5vw, 17px);
	font-weight:500;
	color:var(--main);
}

.pill-3x-icon svg {
	height:24px!important;
}


.dark-wm .blc-3x-wrp-card h3 {
	color:var(--white);
}

.dark-wm .blc-3x-wrp-card p {
	color: var(--white-t-70);
}

/* Bloc décallé */

.blc-3x-wrp-offbeat {
    padding-bottom: 120px;
}

.blc-3x-wrp-offbeat > *:nth-child(1) {
    transform: translateY(0);
}

.blc-3x-wrp-offbeat > *:nth-child(2) {
    transform: translateY(60px);
}

.blc-3x-wrp-offbeat > *:nth-child(3) {
    transform: translateY(120px);
}

@media (max-width: 991px) {
    .blc-3x-wrp-offbeat {
        padding-bottom: 0;
    }

    .blc-3x-wrp-offbeat > * {
        transform: none!important;
    }
}

.blc-3x-wrp svg {
	height: 120px;
}

/*Stat-Card*/
.stat-card {
  background: var(--bg-card);
  border: 1px solid var(--border-card);
  border-radius: 12px;
  padding: 28px;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}

.stat-card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(14, 29, 53, 0.04);
}

.stat-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(214, 153, 111, 0.12);
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: 6px 10px;
    border-radius: 6px;
    margin-bottom: 20px;
	position: relative;
    overflow: hidden;
}

.stat-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(214, 153, 111, 0)    0%,
        rgba(214, 153, 111, 0.15) 50%,
        rgba(214, 153, 111, 0)    100%
    );
    transform: skewX(-15deg);
    animation: shine 3s infinite;
    pointer-events: none;
}


.stat-value {
  font-size: 48px; 
  font-weight: 800;
  color: var(--main);
  line-height: 1;
  margin: 0 0 12px 0;
  letter-spacing: -1.5px;
}

.stat-title {
  font-size: 18px; 
  font-weight: 700;
  color: var(--main);
  margin: 0 0 10px 0;
}


.stat-desc {
  font-size: 15px; 
  color: var(--main-dark-t-70);
  line-height: 1.4; 
  margin: 0;
}

/* 2X Filtrable */

/* filtrable-2-x project */ 

/* ─── Wrapper & projet ─── */
.filtrable-2-x-wrapper {
  padding: 80px 0;
  background-color: var(--section-strip);
  background-image: url('https://webmedia.club/wp-content/uploads/2026/04/W-bloc-2x.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.filtrable-2-x-project {
    display: grid;
    gap: 50px 0;
}

.filtrable-2-x-project .tab-content {
	border: 1px solid #dddedf !important;
    border-radius: 20px;
}

/* ─── Tab menu ─── */
.filtrable-2-x-project .tab-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.filtrable-2-x-project .tab-menu .tab-title {
    padding: 10px 20px !important;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 11px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 0 8px;
    transition: var(--transition-smooth);
}

.filtrable-2-x-project .tab-menu .tab-title svg .dark,
.filtrable-2-x-project .tab-menu .tab-title svg .clear{
   fill:var(--accent);
}

.filtrable-2-x-project .tab-menu .brx-open svg .dark,
.filtrable-2-x-project .tab-menu .brx-open svg .clear{
    fill:var(--white);
}

.filtrable-2-x-project .tab-menu .brx-open {
    border: 1px solid var(--main) !important;
    background-color: var(--main) !important;
    box-shadow:
        -6px 27px 11px rgba(21, 24, 52, 0.02),
        -3px 15px 9px rgba(21, 24, 52, 0.08),
        -2px 7px 7px rgba(21, 24, 52, 0.13),
        0px 2px 4px rgba(21, 24, 52, 0.15),
        inset 0px 0px 6.8px rgba(255, 255, 255, 0.25);
}

.filtrable-2-x-project > .tab-menu .brxe-text-basic {
    font-family: var(--title-font);
    font-size: 17px;
    font-weight: 600;
}

.filtrable-2-x-project .tab-menu .brx-open .brxe-text-basic {
    color: white;
}

/* ─── Grid principal : image | contenu ─── */
.filtrable-2-x-project .tab-content .filtrable-2-x-content-wrp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 10px;
    gap: 40px;
}

/* ─── Image ─── */

.filtrable-2-x-img-container {
    height: 100%;
    min-height: 320px;
    border-radius: 14px;
    overflow: hidden;
}


.filtrable-2-x-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ─── Contenu texte ─── */

.filtrable-2-x-project .filtrable-2-x-content {
  	display: flex;
    flex-direction: column;
    gap: 20px 0px;
    padding: 14px 14px 14px 0;
}

/* ─── Tag secteur ─── */
.sector-tag {
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    border-radius: 11px;
    color: var(--main);
    font-size: 14px;
    font-weight: 600;
    padding: 8px 20px;
    width: fit-content;
}

/*tab-icon*/

.filtrable-2-x-tab-img {
    width: 160px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


.filtrable-2-x-tab-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ─── Titre & Description ─── */
.filtrable-2-x-project .filtrable-2-x-content h3 {
	color:var(--main);
	font-size:clamp(22px, 2vw, 32px);
	line-height:var(--title-line-h);
}
.filtrable-2-x-project .filtrable-2-x-content p {
    color: var(--black-t-70);
    font-size: clamp(15px, 1.4vw, 16px);
    line-height: var(--gr-p-line-h);
}

/* ─── KPIs ─── */

.filtrable-2-x-project .filtrable-2-x-content .filtrable-2-x-value-wrp {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: start;
    gap: 0 30px;
}

.filtrable-2-x-value {
    display: grid;
    gap: 4px;
}

.filtrable-2-x-value h4 {
    color: var(--main);
    font-size: 42px;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
}

.filtrable-2-x-value p {
    color: var(--black-t-70);
    font-size: 13px !important;
}

.filtrable-2-x-value-btn button {
	padding: 15px 20px;
}



/* ─── Responsive tablette ─── */
@media (max-width: 1024px) {
    .filtrable-2-x-project .filtrable-2-x-content,
	{
        padding: 16px 16px 16px 0;
        gap: 16px;
    }

    .filtrable-2-x-value h4 {
        font-size: 32px;
    }

    .filtrable-2-x-project .filtrable-2-x-content p {
        font-size: clamp(15px, 1.4vw, 16px);
    }
}

/* ─── Responsive mobile ─── */
@media (max-width: 768px) {
    .filtrable-2-x-project .tab-menu {
        width: 100%;
    }

    
	.filtrable-2-x-project .tab-content .filtrable-2-x-content-wrp {
        grid-template-columns: 1fr;
        padding: 0;
        gap: 0;
    }
	
	.filtrable-2-x-project .tab-content {
		padding:20px 0px!important;
	}
    /* Contenu en premier */
    .filtrable-2-x-project .filtrable-2-x-content{
        order: 1;
        padding: 24px 20px;
        gap: 16px;
    }

    /* Image en dessous */
     .filtrable-2-x-img-container  {
        order: 2;
        min-height: 240px;
        border-radius: 0 0 18px 18px;
    }
	
    .filtrable-2-x-project .filtrable-2-x-content .filtrable-2-x-value-wrp {
        grid-template-columns: repeat(2, auto);
        gap: 16px 24px;
    }

    .filtrable-2-x-value h4 {
        font-size: 28px;
    }

    .filtrable-2-x-project > .tab-menu .brxe-text-basic {
        font-size: 14px;
    }
}

/* ─── Responsive petit mobile ─── */
@media (max-width: 480px) {
    .filtrable-2-x-wrapper {
        padding: 40px 0;
    }
	
    .filtrable-2-x-project .filtrable-2-x-content .filtrable-2-x-value-wrp {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .filtrable-2-x-value h4 {
        font-size: 32px;
    }
}

.filtrable-2-x-ic-txt {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.filtrable-2-x-ic-txt .item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.filtrable-2-x-ic-txt .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 4px;
}

/* Responsive */
@media (max-width: 767px) {
  .filtrable-2-x-ic-txt {
    gap: 14px;
  }

  .filtrable-2-x-ic-txt .item {
    gap: 10px;
  }
}

/* bleu-img-txt-container*/
.bleu-img-txt-container {
  width: 100%;
  background-color: var(--main);
  border-radius: var(--border-radius-16);
  padding: 25px 30px;
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 35px;
  align-items: center;
}

@media (max-width: 768px) {
  .bleu-img-txt-container {
    grid-template-columns: 1fr;
  }
}

.bleu-img-bg {
	border-radius:var(--border-radius-16);
	padding:20px;
	align-self: stretch;
  	background-size: cover;
  	background-position: center;
	min-height: 460px;
}

@media (max-width: 768px) {
	
.bleu-img-bg {
	min-height:300px;
	}
}

.blue-content-wrp {
	display:flex;
	flex-direction:column;
	gap:25px 0px;
	align-items: start;
}

@media (max-width: 768px) {
	
.blue-content-wrp {
	align-items:normal;
	}
}

.blue-content-wrp h1,
.blue-content-wrp p {
	text-align:left;
}
.blue-content-wrp h1 {
    font-size: clamp(23px, 5vw, 40px);
}

/** Sea-Grid-Bloc*/

.bloc-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  width: 100%;
}

.bloc-grid h3 {
	color:#141721;
	font-size: clamp(23px, 2vw, 28px);
	line-height: var(--title-line-h);
}


.bloc-grid p {
   line-height: var(--gr-p-line-h);
   font-size:14px;
}

.bloc-grid-title-p {
	display:flex;
	flex-direction:column;
	gap:10px;
}

.bloc-grid-icon-wrp {
    width: 56px;
    height: 56px;
    background-color: #f7f7f7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	aspect-ratio: 1;
}

.bloc-grid-txt-icon {
	display:flex;
	align-items:start;
	gap:20px;
	flex-wrap:nowrap;
}

.form-img {
	align-self: end;
}

.sea-card {
	background: var(--white);
	border-radius: 18px;
}

/* Ligne 1 */
.ab-testing {
  grid-column: span 6;
  padding: 35px 35px 0px 35px;
  display:flex;
  flex-direction:column;
  gap:20px;
  border: 1px solid #F0F0F0;
}


.form-optim {
  grid-column: span 6;
  padding: 35px 0px 0px 35px;
  display:flex;
  gap:20px;
  border: 1px solid #F0F0F0;
  overflow:hidden;
}

.form-optim img {
	max-width: 117%;
}

/* Ligne 2 */
.info {
  grid-column: span 3;
  padding: 30px;
  display:flex;
  flex-direction:column;
  gap:20px;
  border: 1px solid #F0F0F0;
  overflow:hidden;
}

.mobile-card {
  grid-column: span 9;
  padding: 0px 35px 0px 35px;
  display:flex;
  gap:20px;
  background-color:var(--main);
  overflow:hidden;
}

.mobile-card * {
	color:var(--white)!important;
}
.grid-mobile-wording {
    flex-basis: 40%;
    padding: 30px 0px;
	display:flex;
	flex-direction:column;
	gap:20px;
}

.grid-mobile-icon-txt {
	display:flex;
	align-items:center;
	gap:20px;
	flex-wrap:nowrap;
}

/* Responsive */
@media (max-width: 991px) {
	.mobile-card,
	.form-optim{
		flex-direction:column;
	}
	
	.form-optim {
		padding:15px;
	}
	
	.form-img {
		align-self:center;
	}
	
	.form-img img {
		width:100%;
	}
	
}
@media (max-width: 1024px) {
  .ab-testing,
  .form-optim {
    grid-column: span 6;
  }

  .info,
  .mobile-card {
    grid-column: span 6; /* 50/50 tablette */
  }
}

@media (max-width: 768px) {
  .bloc-grid > * {
    grid-column: span 12; /* full width */
  }
}

/*WhyPoints*/

  .why-points {
    display: flex;
    flex-direction: column;
    gap:25px;
  }

  .why-point {
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }

  .why-point-icon {
    flex-shrink: 0;
  }

  .why-point-content h3 {
    margin: 0 0 8px;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.1;
    color:var(--main);
  }

  .why-point-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.4em;
    color:var(--text);
	font-weight:400;
  }

/*outbound-acc*/

.outbound-p,
.filtrable-2-x-project .filtrable-2-x-content p {
	font-size:clamp(15px, 2vw, 16px);!important;
}

.outbound-acc  {
	display: flex;
    flex-direction: column;
    gap: 7px;
	}

.outbound-acc li{
	border-radius:16px;
	background: #FFFFFF;
	border: 1px solid #F6F6F6;
	padding:15px 20px;
}

.outbound-acc h6 {
	font-size: 16px;
    color: var(--main);
    font-weight: 500;
}

.outbound-acc .accordion-content-wrapper {
	padding:5px 0px 0px 0px!important;
}

.outbound-acc p {
	font-size:15px!important;
	color:var(--main)!important;
	margin:0px;
}

.outbound-acc .accordion-title {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 20px;
}

.outbound-acc .accordion-title-wrapper {
	padding:0px!important;
}

.outbound-acc .accordion-title i{
	font-size: 18px;
    margin: 0;
    line-height: normal;
    top: 0;
}

.outbound-2-x-filter .filtrable-2-x-img-container img{
	height:auto!important;
	width:auto!important;
}

.outbound-2-x-filter .filtrable-2-x-content {
    gap: 15px 0px!important;
}

/**** Audit conseil ****/ 

.txt-2x-b-wrp {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  gap: 40px;
}

.txt-sp-flx {
	display: flex;
    flex-direction: column;
    gap: 20px;
}

.txt-2x-b-wrp .md6 {
  grid-column: span 6;
}

.txt-2x-b-wrp .md5 {
  grid-column: span 5;
}

/* Tablet */
@media (max-width: 991px) {
  .txt-2x-b-wrp {
    grid-template-columns: repeat(12, 1fr);
	gap:20px;
  }

  .txt-2x-b-wrp .md7,
  .txt-2x-b-wrp .md5 {
    grid-column: span 12;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .txt-2x-b-wrp {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .txt-2x-b-wrp .md6,
  .txt-2x-b-wrp .md5 {
    grid-column: span 1;
  }
}

/* ── rectangle-text-icon ── */
.rectangle-text-icon {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.rectangle-text-icon__card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 20px;
}

.rectangle-text-icon__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(214, 153, 111, 0.08);
  border-radius: 8px;
}

.rectangle-text-icon__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.rectangle-text-icon__title {
  font-size: 15px;
  font-weight: 600;
  color: #1f2632;
  margin: 0;
  line-height: 1.3;
}

.rectangle-text-icon__desc {
  font-size: 13px;
  font-weight: 400;
  color: #5a6070;
  margin: 0;
  line-height: 1.6;
}



/* ── Desktop (≥ 992px) : 3 colonnes ── */
@media (min-width: 992px) {
  .rectangle-text-icon__card {
    flex: 1 1 calc(33.333% - 11px);
  }
}

/* ── Large (≥ 1200px) : padding et taille de texte augmentés ── */
@media (min-width: 1200px) {
  .rectangle-text-icon__card {
    padding: 24px;
  }

  .rectangle-text-icon__title {
    font-size: 16px;
  }

  .rectangle-text-icon__desc {
    font-size: 14px;
  }
}

/*** overlay-card-img ***/
.overlay-card-img {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}


.overlay-card-img-item {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
}

.overlay-card-img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.overlay-card-img-body {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 55%);
  color: var(--white);
}

.overlay-card-img-title {
  margin: 0 0 8px 0;
  font-size: clamp(18px, 1.8vw, 25px);
  line-height: 1.3;
  display: flex;
  align-items: flex-start;
  color: var(--white);
}

.overlay-card-img-text {
  margin: 0;
  font-size: clamp(15px, 2vw, 16px);
  line-height: 1.5;
  opacity: 0.88;
  color: var(--white);
  min-height:96px;
}

/* tablette */
@media (max-width: 991px) {
  .overlay-card-img {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* smartphone */
@media (max-width: 767px) {
  .overlay-card-img {
    grid-template-columns: 1fr;
  }
}

.ctnr-100-wd {
    border-radius: var(--border-radius-12);
    padding: 40px 40px;
    width: 100%;
    min-width: 100%;
    display: grid;
	align-items:center;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}

	

.ctnr-100-wd .ctnr-txt {
    grid-column: span 6;
	
}

.ctnr-txt *{
	text-align:left;
	margin:0px;
}

.ctnr-txt p {
	line-height: var(--gr-p-line-h);
    font-size: clamp(15px, 1.4vw, 16px);
    color: var(--main-dark-t-70);

	}
.ctnr-txt {
	display:flex;
	flex-direction:column;
	gap:15px;
}
.ctnr-100-wd .ctnr-img {
    grid-column: span 6;
}

.ctnr-txt h2 {
	font-size:clamp(23px, 5vw, 33px);
}


@media (max-width: 768px) {
    .ctnr-100-wd {
        grid-template-columns: 1fr;
    }

    .ctnr-100-wd .ctnr-txt,
    .ctnr-100-wd .ctnr-img {
        grid-column: span 1;
    }
}

/*** MAP ***/

.leaflet-container .leaflet-tile-pane {
  filter: grayscale(100%) contrast(110%) brightness(95%);
}

.leaflet-container .leaflet-marker-pane,
.leaflet-container .leaflet-overlay-pane {
  filter: none !important;
}

.wm-map > div {
	border-radius:25px;
}