.step-container {
  position: relative;
  text-align: center;
  transform: translateY(-43%);
}

.step-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ffc107;
  border: 2px solid #1e1e1e;
  font-weight: bold;
  margin-bottom: var(--pms-10);
  cursor: pointer;
  font-size: var(--font-size-xlarge);
  z-index: 10;
}

.container-progress-own,
.circle-container {
  padding-left: 70px;
  padding-right: 70px;
}

.progress-own {
  background-color: #1e1e1e;
  height: 3px;
  margin-top: 60px;
}

.text-container {
  position: relative;
  bottom: var(--pms-20);
}

.step-text {
  max-width: 200px;
  text-align: center;
  font-weight: var(--font-weight-medium);
  font-size: 0.95rem;
  line-height: 1.2;
}

.mini-step-circle {
  display: none;
}

/* _____________________________________ Fitting Solutions */
.solutions-section {
  background-color: var(--color-white);
  padding-top: var(--pms-10);
  padding-bottom: 50px;
}

.own-card-body {
  background-color: #f9f9f9;
}

.own-card {
  /*Surcharge essentiel*/
  height: 100% !important;
}

/* Responsive fix for height of the card */
@media (max-width: 768px) {
  .own-card {
    height: auto !important;
  }
}

.own-card li {
  list-style: square;
}

.two-fitting-title {
  font-size: var(--font-size-xlarge);
  font-weight: bold;
}

.steps-section {
  background-color: var(--color-background-light);
  padding-right: 80px;
  padding-left: 80px;
}

.partner-section {
  background-color: var(--color-gray-light);
}

.partner-box {
  background-color: var(--color-white);
  border-radius: 15px 15px 5px 5px;
  padding: var(--pms-20);
  max-width: 95%;
  margin: var(--horizontal-center);
}

.how-become-partner {
  margin-left: 50px;
  max-width: 70%;
}

.solutions-section .own-color,
.partner-section .own-color {
  font-weight: bold;
}

/* _____________________________________ Most wanted city */
.most-wanted-city h2 {
  font-size: var(--font-size-xlarge);
  font-weight: bold;
}

.most-wanted-city {
  background-color: var(--color-white);
}

.city-link {
  display: inline-block;
  width: 150px;
  height: 50px;
  line-height: 50px;
  border: 2px solid #ffc107;
  border-radius: 5px;
  color: var(--color-black);
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin: 5px;
  font-size: 0.9rem;
}

.city-link:hover {
  background-color: #ffc107;
  color: var(--color-white);
}

.solutions-section h2 {
  font-size: var(--font-size-xlarge);
  font-weight: bold;
}

.row-of-most-wanted-city {
  padding: 30px;
}

.row-of-fitting {
  padding: 30px;
}

@media (min-width: 768px) {
  .row-of-fitting {
    padding-left: 30px;
  }
}