.hero-container
{
	
	display:flex;
	background-color:black;
	border-radius:64px;
	color:white;
	background-size:auto 100%;
	background-position:center right;
	background-repeat: no-repeat;
	justify-content:space-between;
	overflow:hidden;
	box-shadow: 0px 100px 80px 0px rgba(171, 171, 171, 0.25), 0px 41.778px 33.422px 0px rgba(171, 171, 171, 0.25), 0px 22.336px 17.869px 0px rgba(171, 171, 171, 0.25), 0px 12.522px 10.017px 0px rgba(171, 171, 171, 0.25), 0px 6.65px 5.32px 0px rgba(171, 171, 171, 0.25), 0px 2.767px 2.214px 0px rgba(171, 171, 171, 0.25);


}


.hero-left
{
	padding:96px 0px 96px 96px;

}
.competence-hero.hero-container .hero-left
{
	padding:56px 0px 56px 96px;

}

.hero-right
{
	padding:0px;
	
	display:flex;
	justify-content:flex-end;
	
}

.hero-right picture 
{
	
	
	display:flex;
	justify-content:flex-end;

}

.competence-hero.hero-container .hero-right
{
	
	max-height:484px;

	
}


.hero-container .editor-container
{
	
	max-width:448px;
	display:flex;
	flex-direction:column;
	gap:24px;
}

.competence-hero.hero-container
{
	background-color:#C4181E;
}
.competence-hero.hero-container .editor-container
{
	gap:16px;
}

.competence-hero.hero-container h1
{
	margin-bottom:0px;
	margin-top:0px;

font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 68px;

}




.page-hero img
{
	width:100%;
	height:auto;
	aspect-ratio: 1120 / 675!important;
	object-fit: cover;
	border-radius: 64px;
}

@media(min-width:1024px)
{
	.hero-right img
	{
		height:100%;
		width:auto;
		border-top-left-radius: 42%;
		border-bottom-left-radius: 42%;
		transform:translateX(8%); 
	}


	.competence-hero.hero-container .hero-right img
	{
		aspect-ratio:1;
		height:100%;
		width:auto;
		
		
	
		object-fit: cover;
		mask: url(../../../assets/M.svg);
		mask-repeat: no-repeat;
		mask-size: 100% 100%;
		mask-composite: exclude;
transform:translateX(12.5%) translateY(0) scale(1.1);
	}

}

@media(max-width:1023px) and (min-width:768px)
{
	.hero-right img
	{
		display:none;
	}
}

@media(max-width:767px)
{
	.hero-container
	{
	
		flex-direction:column;
		border-radius:52px;
		background-size:cover;
		background-position:0px 184px;
	}
	.competence-hero.hero-container h1
	{
		font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 36px; /* 112.5% */
	}
	.hero-left
	{
		padding:32px;


	}
	.competence-hero.hero-container .hero-left 
	{
		padding: 32px;
	}
	.hero-container .editor-container
	{
		
		max-width:100%;
		gap:16px;
	}
	.hero-right img
	{
		height:auto;
		width:100%;
		border-top-left-radius: 26%;
		border-top-right-radius: 26%;
		
	}

	.hero-right
	{
		
		
		max-height:calc((100vw - 32px) / 1.3)
		
	}
	.hero p
	{
		font-size:12px;
	}

	.hero-left .wp-block-button.icon-next
	{
		width:100%;
	}
	.hero-left .wp-block-button.icon-next .wp-block-button__link
	{
		display:flex;
		justify-content:center;
	}
	.hero-container
	{
		max-width:100%;
	}
	#competences
	{
		
		padding-top:40px!important;
	}
	.res-padding-32
	{
		padding:32px!important;
	}
}


.hero-right picture
{
	width:100%;
}


.splide__list .product_card
{
	max-width:328px;

}