{{ encore_entry_link_tags('frontend') }}
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     
    <link rel="stylesheet" href="{{asset('themes/ilaveu/laundry/css/style.css')}}" />

    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;400;900&display=swap" rel="stylesheet">

  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />
<style>
.turbo-progress-bar {
  height: 6px;
  background-color: #45dae9;
}
.sticky-cart .li-product-price,.sticky-cart label{
  display:none;
}
.sticky-cart td{
  padding:10px;
}

.sticky-cart img{
  height:30px;
}

.sticky-cart h5{
  background-color:#29cedf;
  padding:15px 20px;
  color:white;
  margin:0;
}

.sticky-cart span.total{
 float:right;
}

.sticky-cart{
  background:#f9f9f9;
  padding:0;
  box-shadow:0 0 15px #00000015;
}

.wizard {
    display: flex;
}

.wizard__step {
    /* Make all steps have the same width */
    flex: 1;
}

.wizard__dot {
    /* Center the content */
    align-items: center;
    display: flex;
    justify-content: center;
}

.wizard__connector {
    flex: 1;
    height: 1px;
    background-color: #d1d5db;
}

.wizard__step:first-child .wizard__connector:first-child,
.wizard__step:last-child .wizard__connector:last-child {
    background-color: transparent;
}

.wizard__number {
    /* Center the content */
    align-items: center;
    display: flex;
    justify-content: center;

    /* Rounded border */
    background-color: #d1d5db;
    border-radius: 9999px;
    height: 2rem;
    width: 2rem;

    /* OPTIONAL: Spacing between it and connectors */
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}


/*progressbar*/
#progressbar {
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
      z-index: 2;
      position:relative;
}
#progressbar li {
  list-style-type: none;
  color: #909090;
  text-transform: uppercase;
  font-size: 12px;
  width: 33.33%;
  float: left;
  position: relative;
  text-align: center;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 40px;
  line-height: 20px;
  padding:10px 15px;
  display: block;
  font-size: 18px;
  color: #333;
  background: #ebebeb;
  border-radius: 3px;
  margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #eee;
  position: absolute;
  left: -50%;
  top: 18px;
  z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
  background: #45dae9;
  color: white;
}

.order-button-payment input {
    background: #45dae9 none repeat scroll 0 0 !important; 
    color:white !important;
}

.order-button-payment input:hover {
    background: #02c6da none repeat scroll 0 0 !important;
    color:white !important;
}

.hm-minicart .decrease-quantite-to-cart,.hm-minicart .increase-quantite-to-cart{
    color: white;
    background: #45dae9;
    border: none;
    border-radius: 3px;
}

.invalid-feedback{
  font-size: 9px;
    background: #b20505;
    color: white;
    padding: 0 6px;
    margin: 3px 0 0;
    border-radius: 5px;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
</style>