.elementor-47189 .elementor-element.elementor-element-0146cdc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-47189 .elementor-element.elementor-element-07e0901{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-47189 .elementor-element.elementor-element-07e0901 img{width:100%;max-width:100%;}.elementor-47189 .elementor-element.elementor-element-151c416{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-47189 .elementor-element.elementor-element-151c416.elementor-element{--align-self:center;}.elementor-47189 .elementor-element.elementor-element-151c416 img{width:100%;max-width:100%;}.elementor-47189 .elementor-element.elementor-element-7620b4e.elementor-element{--align-self:center;}.elementor-47189 .elementor-element.elementor-element-920779c.elementor-element{--align-self:center;}.elementor-47189 .elementor-element.elementor-element-70e5796d{--display:flex;}.elementor-47189 .elementor-element.elementor-element-c46bd7c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:1rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47189 .elementor-element.elementor-element-551d56d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-47189 .elementor-element.elementor-element-2833fd9{text-align:center;}.elementor-47189 .elementor-element.elementor-element-2833fd9 .elementor-heading-title{font-size:0.85rem;}@media(max-width:1024px){.elementor-47189 .elementor-element.elementor-element-c46bd7c{--justify-content:flex-start;}}@media(max-width:767px){.elementor-47189 .elementor-element.elementor-element-0146cdc{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-47189 .elementor-element.elementor-element-07e0901{--container-widget-width:26%;--container-widget-flex-grow:0;width:var( --container-widget-width, 26% );max-width:26%;}.elementor-47189 .elementor-element.elementor-element-151c416{--container-widget-width:65%;--container-widget-flex-grow:0;width:var( --container-widget-width, 65% );max-width:65%;}.elementor-47189 .elementor-element.elementor-element-c46bd7c{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0.15em;--padding-right:0.15em;}}@media(min-width:768px){.elementor-47189 .elementor-element.elementor-element-c46bd7c{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-7620b4e *//* --- Desktop --- */
.checkout2-steps-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end; /* aligne l’ensemble à droite */
  margin: 0;
  padding: 0.5rem;
  position: relative;
}

.checkout2-steps-wrapper .title {
  font-size: 1rem;
  font-weight: bold;
  color: #333;
  margin-left: 0.5rem;
}

/* Premier cercle : doit être "unchecked" (non rempli) */
.checkout2-steps-wrapper .circle:nth-of-type(1) {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  background-color: transparent;
  border: 2px solid #C4C4C4;
}

/* Deuxième cercle : doit être "checked" (rempli en vert) */
.checkout2-steps-wrapper .circle:nth-of-type(2) {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -2px;
  background-color: #8CC936;
  border: 2px solid #8CC936 !important;
  background-image: url(https://maison-aubry.com/wp-content/uploads/2025/01/white-tick-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
}

/* La ligne entre les cercles */
.checkout2-steps-wrapper .line {
  height: 2px;
  width: 99px;
  background: #C4C4C4;
  margin-left: -2px;
}

@media (max-width: 768px) {
    .checkout2-steps-wrapper .title {
        font-size: 70%;
    }

    .checkout2-steps-wrapper .circle {
        margin-left: 10px;
    }

    .checkout2-steps-wrapper .line {
        width: 70px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-920779c */.checkout-steps-wrapper {
    display: flex;
    align-items: center;
    margin-left: 0.5rem !important;
    position: relative;
}

.checkout-steps-wrapper .circle {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
}

.checkout-steps-wrapper .circle.checked {
    background-color: #8CC936;
    border: 2px solid #8CC936 !important;
    background-image: url(https://maison-aubry.com/wp-content/uploads/2025/01/white-tick-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
}

.checkout-steps-wrapper .circle.unchecked {
    background-color: transparent;
    border: 2px solid #C4C4C4;
    margin-left: -2px;
}

.checkout-steps-wrapper .line {
    height: 2px;
    width: 99px;
    background: #C4C4C4;
    margin-left: -2px;
}

.checkout-steps-wrapper .title {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    margin-left: 0.5rem;
}

@media (max-width: 768px) {
    .checkout-steps-wrapper .title {
        font-size: 70%;
    }

    .checkout-steps-wrapper .circle {
        margin-left: 10px;
    }

    .checkout-steps-wrapper .line {
        width: 70px;
    }
}/* End custom CSS */