.sr-service-single {
  min-height: 500px;
}

.notify-badge {
  position: absolute;
  background:rgb(0, 157, 224);
  text-align: center;
  color:white;
  padding:5px 10px;
  font-size:20px;
  top:0;
  right: 0;
  z-index: 9;
}

.percent-badge {
  position: absolute;
  background:white;
  text-align: center;
  color:rgb(0, 157, 224);
  padding:5px 10px;
  font-size:20px;
  top:-65px;
  left: 0;
  z-index: 9;
  border-radius: 2px;
  border-color:rgb(0, 157, 224);
  border-style: solid;
  border-width: 4px;
  border-top: none;
  border-left: none;
}

.icon-c02 {
  background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 79.12"><title>co2</title><path d="M71.71,10.39A31.68,31.68,0,0,0,55,7.49a30.16,30.16,0,0,0-15.62,6.1A29.31,29.31,0,0,0,28.67,31.73l-.48,2.51-2.5.44a34.43,34.43,0,0,0-6.56,1.77,21.94,21.94,0,0,0-5,2.66,16.49,16.49,0,0,0-3,2.8A17,17,0,0,0,7.33,53a20.07,20.07,0,0,0,3.79,11.53,18.84,18.84,0,0,0,3.16,3.4,15.86,15.86,0,0,0,4.13,2.48,20.84,20.84,0,0,0,5.09,1.34H96.05a36.67,36.67,0,0,0,9.3-3.48,20,20,0,0,0,6.39-5.41c2.5-3.33,3.73-8,3.78-12.87a25.47,25.47,0,0,0-3.59-13.86,20.75,20.75,0,0,0-2.25-2.89,17.35,17.35,0,0,0-13-5.62,24.16,24.16,0,0,0-7.57,1.22C84,21.62,80.22,14.48,71.71,10.39ZM41.34,44.21a4.31,4.31,0,0,0-3.77,2,9.5,9.5,0,0,0-1.36,5.46q0,7.23,5.51,7.23a11.19,11.19,0,0,0,3.22-.46c1-.31,2.09-.68,3.14-1.11V63A17.33,17.33,0,0,1,41,64.43q-5.67,0-8.7-3.29t-3-9.52a15.17,15.17,0,0,1,1.46-6.84,10.51,10.51,0,0,1,4.22-4.53,12.69,12.69,0,0,1,6.47-1.59,17.9,17.9,0,0,1,7.76,1.76L47.1,45.75a22.2,22.2,0,0,0-2.78-1.09,9.59,9.59,0,0,0-3-.45Zm33.71,7.31q0,6.33-3.1,9.62t-9.09,3.29q-5.89,0-9-3.31t-3.14-9.63q0-6.26,3.13-9.56t9.1-3.3q6,0,9.07,3.28t3.08,9.61Zm-17.24,0q0,7.27,5,7.27A4.35,4.35,0,0,0,66.68,57q1.25-1.75,1.24-5.5T66.66,46a4.29,4.29,0,0,0-3.76-1.79q-5.1,0-5.09,7.33ZM94.73,64.08H76.54V59.63l6.12-6.19q2.63-2.74,3.43-3.75A7.79,7.79,0,0,0,87.21,48a3.76,3.76,0,0,0,.32-1.51,2,2,0,0,0-.63-1.54,2.6,2.6,0,0,0-1.79-.57,4.89,4.89,0,0,0-2.39.68A17.53,17.53,0,0,0,80,47l-3.72-4.35a19.32,19.32,0,0,1,3.26-2.47,11.25,11.25,0,0,1,2.86-1.14,13.92,13.92,0,0,1,3.5-.4,10.51,10.51,0,0,1,4.34.86,6.76,6.76,0,0,1,3,2.44,6.24,6.24,0,0,1,1.06,3.56,9.77,9.77,0,0,1-.37,2.72,10,10,0,0,1-1.14,2.47,17,17,0,0,1-2,2.54q-1.27,1.35-5.44,5.08v.17h9.48v5.58ZM92,20.65a28.7,28.7,0,0,1,4.79-.36,24.55,24.55,0,0,1,18.3,8,29.19,29.19,0,0,1,3,3.9,33,33,0,0,1,4.77,17.92c-.07,6.31-1.77,12.59-5.25,17.21A27.45,27.45,0,0,1,109,74.69,44.43,44.43,0,0,1,97.28,79l-.82.1H23.38l-.46,0a28.33,28.33,0,0,1-7.29-1.88,23.17,23.17,0,0,1-6.05-3.63,25.82,25.82,0,0,1-4.4-4.72A27.44,27.44,0,0,1,0,53,24.29,24.29,0,0,1,5.52,37.18a23.62,23.62,0,0,1,4.34-4,29.26,29.26,0,0,1,6.64-3.55A40.17,40.17,0,0,1,22,27.91,36.16,36.16,0,0,1,34.92,7.77,37.54,37.54,0,0,1,54.34.18a38.94,38.94,0,0,1,20.55,3.6A36.9,36.9,0,0,1,92,20.65Z"/></svg>');
}

.car-thumb-slider-wrapper {
  max-width:1296px;
  overflow: hidden;
  padding: 0 40px;
  margin-left: 0px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}


.card-feature-box-home {
  justify-content: center;
  gap:32px;
}

/**/

.filter-sections {
  width: 100%;
  display: block;
  overflow: hidden;
}

.filter-sections div {
  opacity: 0;
  display: none;
  min-height: 50px;
  margin: 0.5em;
  text-align: center;
  padding: 2em 1em;
  float: left;
  transition: all 500s ease;
}

.view {
  display: block !important;
  opacity: 1 !important;
  transform: scale(1) rotate(0deg);
  border-radius:4px;
  animation: selected 300ms 1 ease-in-out;
}

@keyframes selected {
  0% {
    border-radius:100%;
    transform: scale(0) rotate(-180deg);
  }
}

.brand-submenu {
  column-gap:10% ;
  columns: 4;
}

.active a {
  color:#0b163f;
  font-weight: bold !important;
}

.sr-modele-single {
  min-height: 250px;
}
.text-bold {
  font-weight: bold;
}

s, strike{text-decoration:none;position:relative;}
s::before, strike::before {
  top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
  background:red; /*this is the color of the line*/
  opacity:.7;
  content: '';
  width: 110%;
  position: absolute;
  height:.1em;
  border-radius:.1em;
  left: -5%;
  white-space:nowrap;
  display: block;
  transform: rotate(-15deg);
}
s.straight::before, strike.straight::before{transform: rotate(0deg);left:-1%;width:102%;}

.creditlegal {
  font-size: 10px;
  font-style: italic;
}

.max-w55 {
  max-width: 55%; }

.max-h50 {
  max-height: 50%; }

/* Fleches slider brands*/

.flash-controls.flash-button-prev {
  top:50%;
}

.flash-controls.flash-button-next {
  top:50%;
}

.Occasion {
  border:solid 2px rgb(0, 157, 224);
  background-color: rgb(0, 157, 224);
}

.km {
  border:solid 2px rgb(92, 201, 167);
  background-color: rgb(92, 201, 167);
}
.Neuf {
  border:solid 2px #FF9729;
  background-color: #FF9729;
}

.occasion-label {
  color:rgb(0, 157, 224);
}
.neuf-label {
  color:#FF9729;
}
.km-label {
  color: rgb(92, 201, 167);
}


.rdv-form-area {
  padding: 40px 32px;
}

.w100 {
  width: 100%;
}

.eqheight {
  min-height: 550px;
}

.eqheightmodel {
  min-height:520px;
}


.el-single-brand a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 24px;
  background: #fff;
  font-weight: 600;
  border-radius: 3px;
  color: #111010;
  position: relative;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.el-single-brand a img {
  position: absolute;
  left: 12px;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.el-single-brand img {
  -webkit-transition: none;
  transition: none;
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
.el-single-brand img:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}

.nav-link:hover, .nav-link:hover > a > h5  {
  /*background-color: rgb(0, 157, 224);*/
  color:white;
}

.form-group.required label:after {
  content:"*";
  color:red;
}

.iv_thumb_control_slider {
  position: relative;
  padding: 0 50px 50px 0; /* Adding space for the buttons */
}

.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
}

.slider-button-prev {
  left: 10px; /* Adjust the value according to your design */
}

.slider-button-next {
  right: 10px; /* Adjust the value according to your design */
}

.swiper-slide {
  max-height: 640px;
}

.theme-alert-btn i {
  font-size: 30px;
}
.theme-alert-btn {
  position: fixed;
  right: 30px;
  bottom: 400px; /* Position it above the scroll-to-top button */
  width: 60px;
  height: 60px;
  background: var(--theme-color);
  border-radius: 8px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  cursor: pointer;
  z-index: 99;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
  background-color: #FF9729;
}

.theme-alert-btn:hover {
  opacity: 1;
  color: #fff;
  transform: translateY(-3px);
}

/* Make both buttons appear together on mobile */
@media (max-width: 767px) {
  .theme-alert-btn {
      right: 85px;
      bottom: 30px;
  }
}