.horizontal-scroll-section {
  display: flex;
  overflow-x: auto;
  width: 100%;
}

.scroll-item {
  width: 18.23vw; /* Ou une autre unité */
  aspect-ratio: 350 / 550;
	margin-right: 20px; /* Espace entre les éléments */
  background-color: white;
 	display: flex;
	flex-direction:column;
	align-items: center;
  box-shadow: 0px 3.99px 6.09px 0px #00000040;
	position:relative;
	border-radius:20px;
	font-family : "Montserrat", sans-serif !important;
}

.scroll-item img{
width:75%;
margin : 10%;
}

.scroll-item h3{
font-weight: bold;
}

.scroll-item div{
		text-align: left;
		max-width: 100%;
    width: 100%;
    padding-left:10%;
		padding-top:10%;
}

.horizontal-scroll-section {
  display: flex;
  overflow-x: auto;
  width: 100%;
 /* -ms-overflow-style: none;  /* Pour IE et Edge */
 /* scrollbar-width: none;  /* Pour Firefox */
	overflow-y: hidden;
	padding:3%;
}

.horizontal-scroll-section::-webkit-scrollbar {
 /* display: none;  /* Cache la barre de défilement */
}

.horizontal-scroll-section::-webkit-scrollbar-button {
 /* display: none;  /* Cache les petites flèches de la barre de défilement */
}

#dr-btn-cta{
	position: absolute;
  bottom: 0;
  left: 50%;
	padding:5%;
  transform: translateX(-50%); /* Centrage optionnel */
	background-color:#A83929;
	width : 100%;
	border-radius: 0 0 20px 20px;
	text-align : center;
	color: white;
	font-weight : bold;

}

#dr-btn-cta:hover{
background-color:#6A0000;
transition : background-color 0.2s ease-in-out;
}

.dr-entretien{
	display:flex;
	justify-content:space-between;
	height:30vh;
}

.dr-entretien div{
	background-color:blue;
	width:47%;
}


@media (max-width: 768px) {
  .horizontal-scroll-section {
   
  }

  .scroll-item {
 width: 80vw; /* Ou une autre unité */
  aspect-ratio: 350 / 550;
  }
}