.card 
{
	padding:px;
	
		border-radius: 52px;

/* Shadow XL */
//box-shadow: 0px 100px 80px 0px rgba(235, 235, 235, 0.50), 0px 41.778px 33.422px 0px #F7F7F7, 0px 22.336px 17.869px 0px #F7F7F7, 0px 12.522px 10.017px 0px #F7F7F7, 0px 6.65px 5.32px 0px #F7F7F7, 0px 2.767px 2.214px 0px #F7F7F7;
position:relative;
overflow:hidden;


}

.card-content
{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	
	//height:100%;
	//justify-content:space-between;
	gap:4px;
}

.card h3
{
	color: var(--Shades-2, #505050);
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off;

font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 36px; /* 112.5% */
margin:0;
}

.card p
{
	color: var(--Shades-0-black, #000);

font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 114.286% */
margin:0;
}
.icon-container
{
	display: flex;
width: 120px;
height: 120px;
padding: 0px;
justify-content: center;
align-items: center;
gap: 0px;
background:white;
border-radius: 32px;

}





/************ competence **************/

.card.competence
{
	border: 2px solid var(--Shades-9-white, #FFF);
	height:480px;
	flex:1;
	padding:32px;
	border-radius: 52px;
border: 2px solid var(--Shades-9-white, #FFF);
background: var(--Shades-8, #FBFBFB);
transition: background 1s ease-in-out;



/* Shadow XL */
box-shadow: 0px 100px 80px 0px rgba(235, 235, 235, 0.50), 0px 41.778px 33.422px 0px #F7F7F7, 0px 22.336px 17.869px 0px #F7F7F7, 0px 12.522px 10.017px 0px #F7F7F7, 0px 6.65px 5.32px 0px #F7F7F7, 0px 2.767px 2.214px 0px #F7F7F7;
}
.card.competence .rounds-absolute-container
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
border-radius:52px;

overflow:hidden;

	z-index:0;
}
.card.competence .rounds-relative-container
{
	width:100%;
	height:100%;
	position:relative;
	top:0;
	left:0;

	

}


.card.competence:hover
{
	background: radial-gradient(69.97% 98.87% at 19.7% 15.29%, #EB1D24 0%, #9D1318 100%);

}
.card.competence:hover h3, .card.competence:hover p
{
	color:white;
}
.card.competence:hover .icon-label-container svg path
{
	fill:black;
}

.card.competence:hover .wp-element-button, .card.competence:hover .wp-block-button__link
{
	color:black!important;
}

.card.competence:hover .wp-element-button
{
	background:white;
}
.card.competence:hover .icon-container img
{
	filter:grayscale(100%);
}

.card.competence .card-content
{

	height:100%;
	gap:32px;
	display:flex;
	justify-content: space-between;
	
}
.card.competence .card-body
{
	display: flex;
	flex-direction: column;

	gap: 16px;

	
}

.card.competence .icon-container
{

	box-shadow: 0px 100px 80px 0px rgba(235, 235, 235, 0.50), 0px 41.778px 33.422px 0px #F7F7F7, 0px 22.336px 17.869px 0px #F7F7F7;
	border:1px solid black;
	padding:4px;
}


.card.competence h3, .card.competence p
{
	margin:0;
}

.card.competence p
{
	margin-bottom:32px;
}



.card.competence:hover .icon-container
{
	box-shadow: 0px 120px 96px 0px #C4181E, 0px 50.133px 40.107px 0px #C4181E, 0px 26.804px 21.443px 0px #C4181E;
}
.card.competence .animate-round
{
	position:absolute;
	top:-25px;
	left:-25px;
	width:220px;
	height:220px;
	border: 1px solid var(--Shades-7, #F7F7F7);
	background: var(--Shades-9-white, #FFF);
	border-radius:82px;
	 box-shadow: 0px 100px 80px 0px rgba(235, 235, 235, 0.50), 0px 41.778px 33.422px 0px #F7F7F7, 0px 22.336px 17.869px 0px #F7F7F7;
	transition: transform 0.3s ease-in-out;
	transform-origin: center center;

}
.card.competence:hover .animate-round
{
	background-color: var(--Primary-100, #EB1D24);
box-shadow: 0px 120px 96px 0px #C4181E, 0px 50.133px 40.107px 0px #C4181E, 0px 26.804px 21.443px 0px #C4181E;
 border:1px solid var(--Primary-110, #C4181E);

}

.card.competence .animate-round:nth-child(1)
{
  
  border-radius: 82px;
  opacity: 0.7;

 
  z-index:4;

 
}
.card.competence .animate-round:nth-child(2)
{
	opacity: 0.6;
  transform:scale(calc(320 / 220));
  border-radius: 132px;
  
  z-index:3;
  
  }

.card.competence .animate-round:nth-child(3)
{
	opacity: 0.5;
	 transform:scale(calc(420 / 220));
	 border-radius: 182px;
	  z-index:2;
	
	  }
	   

.card.competence .animate-round:nth-child(4)
{
	opacity: 0.4;
	 transform:scale(calc(520 / 220));
	 border-radius: 232px;
	 z-index:1;
	  
	 }

.card.competence .animate-round:nth-child(5)
{
	 transform:scale(calc(620 / 220));
	 opacity: 0.3;
	 border-radius: 282px;
	 z-index:0;
	 
	}




.card.competence:hover .animate-round:nth-child(1)
{
   transform:scale(calc(264 / 220));
  
   border-radius: 98px;
   opacity: 0.7;
}


.card.competence:hover .animate-round:nth-child(2)
{
  transform:scale(calc(384 / 220)); 
   border-radius: 158px;
  
   opacity: 0.5;
}

.card.competence:hover .animate-round:nth-child(3)
{
	 transform:scale(calc(504 / 220));	
	  border-radius: 218px; 
	  opacity: 0.4;
}

.card.competence:hover .animate-round:nth-child(4)
{
	 transform:scale(calc(624 / 220));
	 border-radius: 278px; 
	 opacity: 0.3;	 
}

.card.competence:hover .animate-round:nth-child(5)
{
	 transform:scale(calc(744 / 220));
	  border-radius: 338px; 
	  opacity: 0.1;	 
}
/************ partenaire **************/
.card.competence.partenaire
{
	
box-shadow:none;
height:auto;
}

.card.competence.partenaire .wp-block-button__link
{
	background:none;
}

.card.competence.partenaire .wp-block-button__link .icon-label-container
{
	color:black;
}

.card.competence.partenaire .wp-block-button__link .icon-label-container svg path
{
	fill:black;
}
/************ marque **************/

.card.marque
{
	
	
	width:100%;
	max-width:100%;

	
	background:white;
	
}

.card.marque .card-content
{
	display:flex;
	flex-direction:row;
	padding:16px 32px;
	gap:32px;
	align-items:center;

}

@media(max-width:1024px)
{
	.card.marque .card-content
	{
		flex-direction:column;
		
		align-items:center;
		justify-content:center;
		text-align:center;
		padding:24px 32px;
	}
	

}



.card.marque .icon-container
{
	padding:24px;
}


.card.marque .card-body
{
	padding:24px;

	display:flex;
	flex-direction:column;
	gap:8px;
	flex:1;
}


.card.marque .wp-block-button__link
{
	margin-top:8px;
	width:auto;
}






/************ produit **************/

.card.produit
{
	border-radius: 52px;
border: 2px solid var(--Shades-9-white, #FFF);
background: var(--Shades-8, #FBFBFB);
max-width:352px;
}

.card.produit .card-header img
{
	width:calc(100% - 8px );
	height:auto;
	padding:4px;
}


.card.produit .card-header
{
	background:white;
}


.card.produit .card-body
{
	padding:32px;
	display:flex;
	flex-direction:column;
	gap:8px;

}
.card.produit .card-body h3
{

font-size: 24px;
font-style: normal;
font-weight: 400!important;
line-height: 28px; 
}

.card.produit .card-body .wp-block-button
{
	margin-top:8px;
}



/************ article **************/


.tag-container ul, .taxonomy-post_tag.tag-container
{
	display:flex!important;
	list-style: none;
	gap:8px;
	padding:0;
}

.tag-container ul li a, .taxonomy-post_tag.tag-container a
{
	color: var(--Primary-100, #EB1D24);

/* Base/Caption-2/Strong */
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 133.333% */
text-decoration:none;
padding: 12px 16px;
border-radius: 16px;
border: 1px solid var(--Primary-100, #EB1D24);
background: var(--Shades-9-white, #FFF);


}

.card.post
{
	border-radius: 52px;
border: 2px solid var(--Shades-9-white, #FFF);
background: var(--Shades-8, #FBFBFB);
}

.card.post .card-body
{
	padding:32px;
	background:white;
	display:flex;
	flex-direction:column;
	gap:16px;
}

.card.post .card-body p
{
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; 
}

.card.post .card-header
{
	position:relative;
}

.card.post .card-header .thumbnail-overlay
{
	position:absolute;
	top:0;
	left:0;
	width:100%;;
	height:100%;
	background: linear-gradient(180deg, rgba(251, 251, 251, 0.00) 47.5%,  #FBFBFB 100%);


}


.splide .card.post
{
	max-width:100%;
}


.card.post .card-header img
{
	width:100%!important;
	height:auto;
	//aspect-ratio:352/320!important;
}
.card.post  h2
{
	color: var(--Shades-2, #505050);
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off;

/* Headings/Heading-4/Strong */

font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 116.667% */
margin-top:0px;
margin-bottom:0;
}



/************ Filter **************/

.card.filter .card-content
{
	display:flex;
	flex-direction:row;
	border:1px solid red;
	gap:32px;
	padding:48px;
	border-radius: 52px;
border: 2px solid var(--Shades-9-white, #FFF);
background: var(--Shades-8, #FBFBFB);
align-items:center;

}

.card.filter .card-content .card-body
{
	gap:8px;
	display:flex;
	flex-direction:column;
	
}

.card.filter .card-content .card-header
{
	min-width:304px;
	
}

.card.filter .card-content .card-header img
{
	width:100%;
	height:auto;
}


@media(min-width:1024px)
{
	
}

@media(max-width:1023px) and (min-width:768px)
{
	
}

@media(max-width:767px)
{
	
}


.card .icon-container img
{
	max-width:100%;
}


.icon-container
{
	overflow:hidden;
}

.wp-block-media-text>.wp-block-media-text__content
{
	padding:0!important;
}

.wp-block-media-text__media 
{
	padding:24px;
	
	max-width:100%;
}

.wp-block-media-text__media img
{
	border-radius:52px;
}