/* =========================================================
   OUR CARS – CLEAN VERSION
   sterge tot ce ai acum si pune doar acest CSS
========================================================= */

.wrap.plugin-container{
  --frc-card-radius: 24px;
  --frc-card-bg: #F7F7F7;
  --frc-navy: #08203A;
  --frc-navy-soft: #163A63;
  --frc-icon: #163A63;
  --frc-green: #099144;
  --frc-footer-top: #163F6B;
  --frc-footer-bottom: #10365E;
  --frc-footer-h: 86px;
}

/* =========================================================
   HIDE UNUSED
========================================================= */
.wrap.plugin-container .vrc-itinerary-summary,
.wrap.plugin-container .vrcarsfound,
.wrap.plugin-container .vrc-goback-block,
.wrap.plugin-container .vrc-promotion-block,
.wrap.plugin-container .vrc-car-result-price-before-discount,
.wrap.plugin-container .vrc-car-result-price-before-discount-percent,
.wrap.plugin-container .vrcstartfrom,
.wrap.plugin-container .vrc-car-result-description,
.vrc-tooltip,
.vrc-tooltip-content,
.ui-tooltip,
.tooltip,
[role="tooltip"]{
  display: none !important;
}

/* =========================================================
   GRID
========================================================= */
.wrap.plugin-container .vrc-search-results-block.vrc-search-results-block-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin: 34px 0 0 !important;
  padding: 0 !important;
}

@media (max-width: 1100px){
  .wrap.plugin-container .vrc-search-results-block.vrc-search-results-block-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px){
  .wrap.plugin-container .vrc-search-results-block.vrc-search-results-block-grid{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   CARD
========================================================= */
.wrap.plugin-container .car_result{
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--frc-card-radius) !important;
  height: 430px !important;
  background-color: var(--frc-card-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center (34%-40px) !important;
  background-size: auto 74% !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}

/* ascunde poza originala */
.wrap.plugin-container .car_result .vrc-car-result-left,
.wrap.plugin-container .car_result .vrc-car-result-left img{
  display: none !important;
}

/* reset layout plugin */
.wrap.plugin-container .car_result .vrc-car-result-right,
.wrap.plugin-container .car_result .vrc-car-result-rightinner,
.wrap.plugin-container .car_result .vrc-car-result-rightinner-deep{
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  float: none !important;
}

/* =========================================================
   TOP AREA
========================================================= */
.wrap.plugin-container .car_result .vrc-car-result-inner{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;

  min-height: 0 !important;
  margin: 0 !important;
  padding: 20px 22px 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* categorie */
.wrap.plugin-container .car_result .vrc-car-category{
  order: 1 !important;
  display: block !important;
  margin: 0 !important;
  max-width: 92% !important;
  font-size: 20px !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: var(--frc-navy) !important;
  text-wrap: balance !important;
  overflow-wrap: anywhere !important;
}

/* subtitlu */
.wrap.plugin-container .car_result h4.vrc-car-name{
  order: 2 !important;
  display: block !important;
  margin: 0 0 2px !important;
  max-width: 92% !important;
  font-size: 14px !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  color: var(--frc-navy-soft) !important;
  text-wrap: balance !important;
  overflow-wrap: anywhere !important;
}

/* =========================================================
   ICONS ROW
========================================================= */
.wrap.plugin-container .car_result .vrc-car-result-characteristics{
  order: 3 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wrap.plugin-container .car_result .vrccaratsdiv{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wrap.plugin-container .car_result .vrccarcarat,
.wrap.plugin-container .car_result .vrc-carat-cont{
  margin: 0 !important;
  padding: 0 !important;
}

.wrap.plugin-container .car_result .vrccarcarat .vrc-expl{
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: var(--frc-icon) !important;
}

.wrap.plugin-container .car_result .vrccarcarat .vrc-expl i{
  color: var(--frc-icon) !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

/* automatic badge */
.wrap.plugin-container .car_result .vrc-expl[data-vrc-expl="Automatic"] i{
  display: none !important;
}

.wrap.plugin-container .car_result .vrc-expl[data-vrc-expl="Automatic"]::before{
  content: "A";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 5px !important;
  background: rgba(22,58,99,.10) !important;
  color: var(--frc-icon) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* free cancellation */
.wrap.plugin-container .car_result .frc-free-cancel,
.wrap.plugin-container .car_result .frc-free-cancel i{
  color: var(--frc-icon) !important;
}

/* fara tooltipuri */
.wrap.plugin-container .car_result .vrc-expl,
.wrap.plugin-container .car_result .frc-free-cancel,
.wrap.plugin-container .car_result .vrc-expl i{
  pointer-events: none !important;
  cursor: default !important;
}

.wrap.plugin-container .car_result .vrccaratsdiv::after{
  content: none !important;
  display: none !important;
}

/* =========================================================
   FOOTER
========================================================= */
.wrap.plugin-container .car_result .vrc-car-lastblock{
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;

  height: var(--frc-footer-h) !important;
  padding: 8px 18px 6px !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto auto !important;
  gap: 1px 12px !important;
  align-items: center !important;

  background: linear-gradient(180deg, var(--frc-footer-top) 0%, var(--frc-footer-bottom) 100%) !important;
  border-radius: 0 0 var(--frc-card-radius) var(--frc-card-radius) !important;
  box-shadow: none !important;
}

/* pret stanga */
.wrap.plugin-container .car_result .vrc-car-price{
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wrap.plugin-container .car_result .vrcsrowpricediv{
  margin: 0 !important;
  padding: 0 !important;
}

.wrap.plugin-container .car_result .car_cost{
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0 !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
}

.wrap.plugin-container .car_result .vrc_currency,
.wrap.plugin-container .car_result .vrc_price{
  color: var(--frc-green) !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.wrap.plugin-container .car_result .car_cost::after{
  content: "/day" !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--frc-green) !important;
  line-height: 1 !important;
}

.wrap.plugin-container .car_result .frc-total-line{
  margin-top: 2px !important;
  font-size: 0 !important;
  line-height: 1.1 !important;
  color: rgba(255,255,255,.78) !important;
}

.wrap.plugin-container .car_result .frc-total-line::before{
  content: "Vehicle total rate: " !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.78) !important;
}

.wrap.plugin-container .car_result .frc-total-line strong{
  font-size: 11px !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,.78) !important;
}

/* buton */
.wrap.plugin-container .car_result .vrc-car-bookingbtn{
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
  align-self: center !important;
  position: relative !important;
  margin: 0 !important;
}

.wrap.plugin-container .car_result .vrc-car-bookingbtn input.booknow{
  width: 128px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-shadow: none !important;
  background: var(--frc-green) !important;
  border: 1px solid var(--frc-green) !important;
  border-radius: 10px !important;
  color: transparent !important;
  text-indent: -9999px !important;
  transition: background-color .22s ease, border-color .22s ease !important;
}

.wrap.plugin-container .car_result .vrc-car-bookingbtn::after{
  content: "Select" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  transition: color .22s ease !important;
}

.wrap.plugin-container .car_result .vrc-car-bookingbtn:hover input.booknow{
  background: #ffffff !important;
  border-color: var(--frc-green) !important;
}

.wrap.plugin-container .car_result .vrc-car-bookingbtn:hover::after{
  color: var(--frc-green) !important;
}

/* avantaje jos */
.wrap.plugin-container .car_result .vrc-car-lastblock::before{
  content: "Unlimited Mileage • Discount Applied • Pay Later" !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  align-self: end !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 6px !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  color: var(--frc-green) !important;
  white-space: normal !important;
}

/* =========================================================
   STEPS
========================================================= */
.wrap.plugin-container .vrcstepsbarcont{
  margin: 28px auto 40px !important;
}

/* stare normala */
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-complete > a,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-complete > span{
  color: #8FA1B5 !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-complete > a::before,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-complete > span::before{
  background: #ffffff !important;
  border-color: var(--frc-green) !important;
  color: var(--frc-green) !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-current > a,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-current > span{
  color: var(--frc-green) !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-current > a::before,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-current > span::before{
  background: var(--frc-green) !important;
  border-color: var(--frc-green) !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-next > a,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-next > span{
  color: #8FA1B5 !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-next > a::before,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-next > span::before{
  background: transparent !important;
  border-color: #8FA1B5 !important;
}

/* fara hover deloc */
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li > a,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li > span,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li::before,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li::after,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li > a::before,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li > span::before{
  transition: none !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li:hover > a,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li:hover > span,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li:hover > a::before,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li:hover > span::before{
  transform: none !important;
  filter: none !important;
}

/* hover ramane identic cu starea normala */
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-complete:hover > a,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-complete:hover > span{
  color: #8FA1B5 !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-complete:hover > a::before,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-complete:hover > span::before{
  background: #ffffff !important;
  border-color: var(--frc-green) !important;
  color: var(--frc-green) !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-current:hover > a,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-current:hover > span{
  color: var(--frc-green) !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-current:hover > a::before,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-current:hover > span::before{
  background: var(--frc-green) !important;
  border-color: var(--frc-green) !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-next:hover > a,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-next:hover > span{
  color: #8FA1B5 !important;
}

.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-next:hover > a::before,
.wrap.plugin-container .vrcstepsbarcont .vrc-stepbar > li.vrc-step-next:hover > span::before{
  background: transparent !important;
  border-color: #8FA1B5 !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 767px){
  .wrap.plugin-container .car_result{
    height: 410px !important;
    background-position: center (34%-40px) !important;
    background-size: auto 72% !important;
  }

  .wrap.plugin-container .car_result .vrc-car-category{
    font-size: 18px !important;
  }

  .wrap.plugin-container .car_result .vrc-car-bookingbtn input.booknow{
    width: 118px !important;
    height: 36px !important;
  }
}
/* Step 2 - change "Select" button text */
.frc-cars-list .btn,
.frc-cars-list button {
  font-size: 0 !important;
}

.frc-cars-list .btn::after,
.frc-cars-list button::after {
  content: "Select my car";
  font-size: 14px;
}
/* Hide original VikRentCar steps - all booking pages */
body .elementor.elementor-8 .vrcstepsbarcont,
body .elementor.elementor-9124 .vrcstepsbarcont,
body .elementor.elementor-9125 .vrcstepsbarcont,
body .vrc-cars-skin .vrcstepsbarcont,
body .frc-final .vrcstepsbarcont{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
/* FRC custom look pentru stepbar Vik */
.vrcstepsbarcont {
  display: block !important;
  margin: 0 auto 34px !important;
  padding: 26px 0 6px !important;
  max-width: 760px;
}

.vrc-stepbar {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.vrc-stepbar .vrc-step {
  position: relative !important;
  flex: 1 1 0 !important;
  max-width: 180px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  color: rgba(255,255,255,.55) !important;
  font-family: Inter, sans-serif !important;
  font-weight: 700 !important;
}

.vrc-stepbar .vrc-step:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 20px !important;
  left: calc(50% + 34px) !important;
  right: calc(-50% + 34px) !important;
  height: 3px !important;
  background: rgba(255,255,255,.78) !important;
  border-radius: 99px !important;
}

.vrc-stepbar .vrc-step > span,
.vrc-stepbar .vrc-step > a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: inherit !important;
}

.vrc-stepbar .vrc-step > span::before,
.vrc-stepbar .vrc-step > a::before {
  content: counter(stepnum) !important;
  counter-increment: stepnum !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #eef3f8 !important;
  color: #00a651 !important;
  border: 2px solid #00a651 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.25) !important;
}

.vrc-stepbar {
  counter-reset: stepnum !important;
}

.vrc-stepbar .vrc-step-current {
  color: #00b956 !important;
}

.vrc-stepbar .vrc-step-current > span::before,
.vrc-stepbar .vrc-step-current > a::before {
  background: #00a651 !important;
  color: #fff !important;
  border-color: #00a651 !important;
}

.vrc-stepbar .vrc-step-next {
  color: rgba(255,255,255,.48) !important;
}

.vrc-stepbar .vrc-step-next > span::before,
.vrc-stepbar .vrc-step-next > a::before {
  background: #c9d3dd !important;
  color: #647386 !important;
  border-color: #8c9baa !important;
}

.vrc-stepbar .vrc-step-complete {
  color: rgba(255,255,255,.65) !important;
}

.vrc-stepbar .vrc-step-complete > span::before,
.vrc-stepbar .vrc-step-complete > a::before {
  background: #fff !important;
  color: #00a651 !important;
  border-color: #00a651 !important;
}

/* pasul 1 clickable */
.vrc-stepbar .vrc-step:first-child a {
  pointer-events: auto !important;
  cursor: pointer !important;
}
.elementor-8 .vrcstepsbarcont {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 760px !important;
  margin: 0 auto 36px !important;
  padding: 28px 0 10px !important;
}

.elementor-8 .vrc-stepbar {
  counter-reset: frcstep !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.elementor-8 .vrc-stepbar .vrc-step {
  counter-increment: frcstep !important;
  position: relative !important;
  flex: 1 1 0 !important;
  max-width: 180px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: Inter, sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: rgba(255,255,255,.58) !important;
}

.elementor-8 .vrc-stepbar .vrc-step:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 20px !important;
  left: calc(50% + 34px) !important;
  right: calc(-50% + 34px) !important;
  height: 3px !important;
  background: rgba(255,255,255,.78) !important;
  border-radius: 99px !important;
  z-index: 1 !important;
}

.elementor-8 .vrc-stepbar .vrc-step > span,
.elementor-8 .vrc-stepbar .vrc-step > a {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 13px !important;
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.elementor-8 .vrc-stepbar .vrc-step > span::before,
.elementor-8 .vrc-stepbar .vrc-step > a::before {
  content: counter(frcstep) !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #eef3f8 !important;
  color: #00a651 !important;
  border: 2px solid #00a651 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.25) !important;
}

/* completed */
.elementor-8 .vrc-stepbar .vrc-step-complete {
  color: rgba(255,255,255,.7) !important;
}

.elementor-8 .vrc-stepbar .vrc-step-complete > span::before,
.elementor-8 .vrc-stepbar .vrc-step-complete > a::before {
  background: #fff !important;
  color: #00a651 !important;
  border-color: #00a651 !important;
}

/* current */
.elementor-8 .vrc-stepbar .vrc-step-current {
  color: #00b956 !important;
}

.elementor-8 .vrc-stepbar .vrc-step-current > span::before,
.elementor-8 .vrc-stepbar .vrc-step-current > a::before {
  background: #00a651 !important;
  color: #fff !important;
  border-color: #00a651 !important;
}

/* next */
.elementor-8 .vrc-stepbar .vrc-step-next {
  color: rgba(255,255,255,.48) !important;
}

.elementor-8 .vrc-stepbar .vrc-step-next > span::before,
.elementor-8 .vrc-stepbar .vrc-step-next > a::before {
  background: #c9d3dd !important;
  color: #647386 !important;
  border-color: #8c9baa !important;
}
/* FRC STEP BAR - OUR CARS / STEP 2 */
body .elementor-8 .vrc-cars-skin .vrcstepsbarcont {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 50 !important;
  width: 100% !important;
  max-width: 780px !important;
  height: auto !important;
  min-height: 95px !important;
  margin: 45px auto 36px !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

body .elementor-8 .vrc-cars-skin .vrc-stepbar {
  counter-reset: frcstep !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 90px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
}

body .elementor-8 .vrc-cars-skin .vrc-step {
  counter-increment: frcstep !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 86px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #9aa9b8 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body .elementor-8 .vrc-cars-skin .vrc-step:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 20px !important;
  left: calc(50% + 32px) !important;
  width: calc(100% - 64px) !important;
  height: 3px !important;
  background: #c8d3df !important;
  z-index: 1 !important;
}

body .elementor-8 .vrc-cars-skin .vrc-step > a,
body .elementor-8 .vrc-cars-skin .vrc-step > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  color: inherit !important;
  text-decoration: none !important;
  position: relative !important;
  z-index: 2 !important;
}

body .elementor-8 .vrc-cars-skin .vrc-step > a::before,
body .elementor-8 .vrc-cars-skin .vrc-step > span::before {
  content: counter(frcstep) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 auto 12px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 2px solid #05b85c !important;
  color: #05b85c !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

body .elementor-8 .vrc-cars-skin .vrc-step-current {
  color: #05b85c !important;
}

body .elementor-8 .vrc-cars-skin .vrc-step-current > span::before,
body .elementor-8 .vrc-cars-skin .vrc-step-current > a::before {
  background: #05b85c !important;
  border-color: #05b85c !important;
  color: #ffffff !important;
}

body .elementor-8 .vrc-cars-skin .vrc-step-next > span::before,
body .elementor-8 .vrc-cars-skin .vrc-step-next > a::before {
  background: #cbd5df !important;
  border-color: #8fa0af !important;
  color: #5d6b78 !important;
}

body .elementor-8 .vrc-cars-skin .vrc-itinerary-summary {
  position: relative !important;
  z-index: 1 !important;
}
/* STEP 2 - aliniază pasul 1 identic cu restul */
body .elementor-8 .vrcstepsbarcont .vrc-stepbar {
  align-items: flex-start !important;
}

body .elementor-8 .vrcstepsbarcont .vrc-step {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

body .elementor-8 .vrcstepsbarcont .vrc-step > a,
body .elementor-8 .vrcstepsbarcont .vrc-step > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 86px !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  line-height: 1.2 !important;
}

body .elementor-8 .vrcstepsbarcont .vrc-step > a:hover,
body .elementor-8 .vrcstepsbarcont .vrc-step > a:focus,
body .elementor-8 .vrcstepsbarcont .vrc-step > a:active {
  transform: none !important;
  top: auto !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* STEP 2 - centreaza stepper-ul */
.elementor-element-0d854bf.vrc-cars-skin .vrcstepsbarcont {
  width: 100% !important;
  max-width: 900px !important;
  margin: 70px auto 55px auto !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
}

.elementor-element-0d854bf.vrc-cars-skin .vrc-stepbar {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  align-items: start !important;
  justify-items: center !important;
  gap: 0 !important;
}

.elementor-element-0d854bf.vrc-cars-skin .vrc-stepbar li {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* ascunde liniile default daca ele trag stepper-ul stramb */
.elementor-element-0d854bf.vrc-cars-skin .vrc-stepbar::before,
.elementor-element-0d854bf.vrc-cars-skin .vrc-stepbar li::before,
.elementor-element-0d854bf.vrc-cars-skin .vrc-stepbar li::after {
  display: none !important;
}

/* mobil */
@media (max-width: 767px) {
  .elementor-element-0d854bf.vrc-cars-skin .vrcstepsbarcont {
    max-width: 100% !important;
    margin: 35px auto 35px auto !important;
    padding: 0 15px !important;
  }

  .elementor-element-0d854bf.vrc-cars-skin .vrc-stepbar {
    max-width: 100% !important;
  }
}