.srh-offre-slide {
  padding: 1.25rem;
}

.offre-card {  
	align-items: center;
  display: flex;
  gap: 2rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 1.5rem;
}

.offre-image img {
    max-width: 18rem !important;
    height: auto !important;
}

.offre-content {
  max-width: 60%;
  align-self: flex-start;
}

.offre-content .text-start {
    margin-bottom: 0.75rem;
}

.slick-prev::before,
.slick-next::before,
.slick-dots li button::before {
  content: none !important;
}

.slick {
  position: relative;
}

.slick__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.slick__arrow .slick-prev,
.slick__arrow .slick-next {
  pointer-events: auto;
  position: absolute;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  cursor: pointer;
}

.slick__arrow .slick-prev { left: -0.5rem; }
.slick__arrow .slick-next { right: -0.5rem; }

.slick__arrow .slick-prev::after,
.slick__arrow .slick-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: #6b7280;
}

.slick__arrow .slick-prev::after { content: '\276E'; }
.slick__arrow .slick-next::after { content: '\276F'; }

.slick__arrow .slick-prev:hover,
.slick__arrow .slick-next:hover {
  background-color: #C00000 !important;
  border-color: #C00000 !important;
}

.slick__arrow .slick-prev:hover::after,
.slick__arrow .slick-next:hover::after {
  color: #ffffff;
}

.slick-dots li button {
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 50%;
  background-color: #DF7F7F !important;
  cursor: pointer;
}

.slick-dots li.slick-active button {
  background-color: #C00000 !important;
}