.bloc-experience{
	gap: 50px;
	margin-top: 119px;
	margin-bottom: 142px;
}
.bloc-experience  .bloc-experience-cat{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 23px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #0127B3;
	text-align: center;
}
@media (max-width: 1512px) {
  .bloc-experience  .bloc-experience-cat{
	font-size: calc(16px * (100vw / 1512px));
	line-height: calc(23px * (100vw / 1512px));
	letter-spacing: calc(-0.02em * (100vw / 1512px));
  }
}
.bloc-experience-title-line-1{
	z-index: 9;
}
.bloc-experience-title,
.bloc-experience-title-line-1{
	gap: 5px;
}
.bloc-experience-title-line-2{
	 margin-top: -13px;
}
.bloc-experience  .bloc-experience-title .bloc-experience-title-before-img,
.bloc-experience  .bloc-experience-title .bloc-experience-title-after-img{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 37px;
	line-height: 57px;
	color: #000000;
}
@media (max-width: 1512px) {
  .bloc-experience  .bloc-experience-title .bloc-experience-title-before-img,
  .bloc-experience  .bloc-experience-title .bloc-experience-title-after-img{
	font-size: calc(37px * (100vw / 1512px));
	line-height: calc(57px * (100vw / 1512px));
	letter-spacing: calc(-0.02em * (100vw / 1512px));
  }
}
.bloc-experience  .bloc-experience-title-img{
	width: 98.15px;
	height: 54.27px;
	border-radius: 36.2678px;
	transform: rotate(-5.48deg);
	overflow: hidden;
}
@media (max-width: 1512px) {
  .bloc-experience  .bloc-experience-title-img{
	width: calc(98.15px * (100vw / 1512px));
	height: calc(54.27px * (100vw / 1512px));
	border-radius: calc(36.2678px * (100vw / 1512px));
	transform: rotate(calc(-5.48deg * (100vw / 1512px)));
  }
}
.bloc-experience  .bloc-experience-title-img video{
	width: 98.15px;
	height: 54.27px;
}
@media (max-width: 1512px) {
  .bloc-experience  .bloc-experience-title-img video{
	width: calc(98.15px * (100vw / 1512px));
	height: calc(54.27px * (100vw / 1512px));
  }
}
.bloc-experience  .bloc-experience-title  .bloc-experience-title-blue{
	padding: 5px 20px;
	background: #0135E5;
	border-radius: 30px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 37px;
	line-height: 45px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	transform: rotate(-0.04deg);
}
@media (max-width: 1512px) {
  .bloc-experience  .bloc-experience-title  .bloc-experience-title-blue{
	padding: calc(5px * (100vw / 1512px)) calc(20px * (100vw / 1512px));
	border-radius: calc(30px * (100vw / 1512px));
	font-size: calc(37px * (100vw / 1512px));
	line-height: calc(45px * (100vw / 1512px));
	letter-spacing: calc(-0.01em * (100vw / 1512px));
	transform: rotate(calc(-0.04deg * (100vw / 1512px)));
  }
}
.bloc-experience  .bloc-experience-description{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	text-align: center;
	min-height: 196px;
	display: flex;
	align-items: center;
	text-align: center;
}
@media (max-width: 1512px) {
  .bloc-experience  .bloc-experience-description{
	min-height: calc(196px * (100vw / 1512px));
	font-size: calc(20px * (100vw / 1512px));
	line-height: calc(30px * (100vw / 1512px));
  }
}
.bloc-experience  .bloc-experience-description p{
	margin: 0;
}
.bloc-experience  .bloc-experience-description strong{
	font-weight: 600;
}
.bloc-experience .bloc-experience-line-1{
	gap: 20px;
}
@media (max-width: 1512px) {
  .bloc-experience .bloc-experience-line-1{
	gap: calc(20px * (100vw / 1512px));
  }
}
.bloc-experience-listes .slick-slide img {
	box-shadow: 0px 168.359px 67.9343px rgba(0, 0, 0, 0.01), 0px 94.5173px 57.1042px rgba(0, 0, 0, 0.05), 0px 42.3359px 42.3359px rgba(0, 0, 0, 0.09), 0px 10.8301px 23.6293px rgba(0, 0, 0, 0.1)!important;
  border-radius: 27.5675px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-origin: center;
  height: 322px;
}
.bloc-experience .bloc-experience-listes {
  overflow: visible !important;
}
.bloc-experience .slick-track {
  display: flex;
  align-items: center; /* This helps center the slides vertically */
  padding: 10px 0; /* Add some vertical padding to the track */
}
.bloc-experience .slick-dots {
 
	height: 14px;
	bottom: -70px;
	left: 50%;
    transform: translateX(-50%);
	background: #FFFFFF;
	border-radius: 17px;
	display: flex;
    align-items: center;
	    padding: 0px 7px;
}
.bloc-experience .slick-dots li button {
    width: 100%;
    height: auto;
    padding: 0px;
}
.bloc-experience .slick-prev:before, 
.bloc-experience .slick-next:before,
.bloc-experience .slick-dots li button:before{
	display: none;
}
.bloc-experience .slick-prev, 
.bloc-experience .slick-next {
    width: 15px;
    height: 26px;
	    z-index: 999;
}
.bloc-experience .slick-prev {
    left: -40px;
}
.bloc-experience .slick-next {
    right: 0px;
}
.bloc-experience .slick-dots li.slick-active{

	height: 8px;
	background: #0135E5;
	border-radius: 17px;
	    margin: 0;
}
.bloc-experience .slick-list {
    overflow: visible !important;
}

.bloc-experience .slick-slide {
    overflow: visible !important;
    position: relative;
}

/* hide non-active slides */
.bloc-experience .slick-slide[aria-hidden="true"] {
    visibility: hidden;
}

.bloc-experience .slick-slide[aria-hidden="false"] {
    visibility: visible;
}

/* Allow transform but keep layout stable */
.bloc-experience .slick-slide {
    transition: transform 0.3s ease;
    will-change: transform;
}

/* Zoom only visible slides */
body:not(.is-touch) .bloc-experience .slick-slide[aria-hidden="false"]:hover {
    transform: scale(1.05);
    z-index: 10; /* keep zoomed slide on top */
}
@media (max-width: 50em) {
	.bloc-experience .slick-list {
    overflow: hidden !important;
}
.bloc-experience .slick-slide[aria-hidden="true"] {
    visibility: unset;
}
.bloc-experience-listes .slick-slide img {
    box-shadow: none !important;
    transition: transform 0.3s 
ease, box-shadow 0.3s 
ease;
    transform-origin: center;
    height: 322px;
    border-radius: 20px !important;
    width: 100%;
    min-height: 300px;
    object-fit: cover;
}
.bloc-experience .slick-slide {
    overflow: hidden !important;
   
}
.bloc-experience .bloc-experience-description {
        width: 353px !important;
font-size: 16px;
line-height: 20px;
}
.bloc-experience {
    gap: 50px;
    margin-top: 40px;
    margin-bottom: 100px;
}




	   .bloc-experience {
        max-width: 100%;
margin: 50px auto 100px !important;
gap: 50px;
    }
	
.bloc-experience .bloc-experience-line-2 {
    width: 100%;
	        justify-content: center !important;
}
.bloc-experience-title, .bloc-experience-title-line-1 {
 
    flex-wrap: wrap;
    justify-content: center;
}
    .bloc-experience .bloc-experience-description {
        font-size: 16px;
line-height: 20px;
    }
	.bloc-experience .bloc-experience-line-1 {
            width: 100%;
        gap: 15px;
}
    .bloc-experience .bloc-experience-cat {
        font-size: 14px;
line-height: 17px;
        letter-spacing: -0.02em;
    }
	    .bloc-experience .bloc-experience-title .bloc-experience-title-blue {
       padding: 5px 10px;
        border-radius: 30px;
        font-size: 25px;
line-height: 30px;
       letter-spacing: -0.01em;
        transform: rotate(-0.04deg);
    }
	.bloc-experience .bloc-experience-title .bloc-experience-title-before-img, .bloc-experience .bloc-experience-title .bloc-experience-title-after-img {
        font-size: 25px;
line-height: 30px;
        letter-spacing: -0.01em;
    }
	    .bloc-experience .bloc-experience-title-img {
			order: 1;
       width: 100%;
        height: 54px;
        border-radius: 0px;
transform: none;text-align: center;
margin-top: 0px;
margin-bottom: 15px;        display: flex;
        justify-content: center;
        align-items: center;
    }
	.bloc-experience .bloc-experience-title-img>div {
		width: 98px !important;
height: 54px !important;
border-radius: 36.2678px !important;
transform: rotate(-5.48deg) !important;

    }
	.bloc-experience .bloc-experience-title .bloc-experience-title-before-img{
		order: 2;
	}.bloc-experience .bloc-experience-title .bloc-experience-title-after-img {
        order: 3;
    }
	.bloc-experience .bloc-experience-title-img img {
		width: 98px;
height: 54px;
border-radius: 36.2678px;
transform: rotate(-5.48deg);

    }
	.bloc-experience .slick-slide {
    margin: 0 15px; /* 15px left + 15px right = 30px gap */
}

.bloc-experience .slick-list {
    margin: 0 -15px; /* compensate the margin so alignment is perfect */
}

	.bloc-experience-title-line-2{
	 margin-top: 0px;
}
}