.swal2-progress-steps{
  margin:1.25em auto !important;
}

.swal2-html-container{
  margin:1em 1em .3em !important;
  overflow:hidden !important;
}

.swal2-progress-step,.swal2-progress-step-line,.swal2-progress-steps .swal2-active-progress-step{
  background:var(--color-linline-orange) !important;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{
  background:#add8e6 !important;
}

.buy-abonnement__link{
  color:#15a8f1;
}
.buy-abonnement__link:hover{
  color:#0497e0;
}

.buy-abonnement__button{
  background-color:#f4f8fd;
  border-radius:4px;
  color:var(--color-white);
  display:block;
  font-size:16px;
  margin:2rem 0;
  padding:1rem;
  text-align:center;
  transition:all .3s ease-out;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  width:-moz-fit-content;
  width:fit-content;
}
.buy-abonnement__button:hover{
  background-color:#15a8f1;
  color:#fff;
}

.buy-abonnement-form__group{
  margin-bottom:1rem;
  text-align:left;
}

.buy-abonnement-form__group:last-child{
  margin-bottom:0;
}

.buy-abonnement-form__label{
  display:block;
  margin:2rem 0;
  max-width:100%;
}

.buy-abonnement-form__label-law{
  margin:0;
}

.buy-abonnement-form__label-law__text{
  font-size:.75rem;
}

.buy-abonnement-form__w100{
  width:100%;
}

.buy-abonnement-form__group-checkbox{
  display:flex;
  padding:1rem 0;
}

.buy-abonnement-form__control-checkbox{
  box-sizing:border-box;
  height:18px;
  line-height:normal;
  margin:0 10px !important;
  min-width:auto;
  padding:0;
  width:auto;
}

.buy-abonnement-form__control{
  width:100%;
}

.buy-abonnement-form__select-type{
  display:grid;
  grid-template-columns:1fr;
  row-gap:2rem;
}
@media screen and (min-width:360px){
  .buy-abonnement-form__select-type{
    grid-template-columns:1fr 1fr;
  }
}

.buy-abonnement-form__type-item{
  align-items:center;
  display:flex;
  font-size:1rem;
}
@media screen and (min-width:576px){
  .buy-abonnement-form__type-item{
    justify-content:center;
  }
}

@keyframes buy-abonnement-form-click{
  0%{
    height:40px;
    opacity:.35;
    position:relative;
    width:40px;
  }
  to{
    height:200px;
    margin-left:-80px;
    margin-top:-80px;
    opacity:0;
    width:200px;
  }
}
.buy-abonnement-form__group-type{
  max-height:300px;
}
.container-slider{
  height:300px;
  max-width:700px;
  overflow:hidden;
}
.container-slider,.slides{
  position:relative;
  width:100%;
}
.slides{
  height:100%;
}
.slides img{
  border-radius:20px;
  height:50px;
  -o-object-fit:contain;
     object-fit:contain;
  -o-object-position:center;
     object-position:center;
  opacity:0;
  position:absolute;
  transform:scale(0);
  transition:all .5s ease-in-out;
  transition-delay:.5s;
  width:50px;
}
.slides>img[data-active-image]{
  height:100%;
  opacity:1;
  transform:scale(1);
  transition-delay:0s;
  width:100%;
  z-index:10;
}
.btn-slide{
  background:#f4f8fd;
  border:1px solid #e0eaf7;
  border-radius:50%;
  cursor:pointer;
  height:40px;
  overflow:hidden;
  padding:8px;
  position:absolute;
  transition:opacity .3s ease-in-out;
  width:40px;
  z-index:10;
}

.btn-slide>img{
  width:100%;
}
.next,.prev{
  top:50%;
  transform:translateY(-60%);
}

.prev{
  left:10px;
}

.next{
  right:10px;
}
.container-dots{
  bottom:10px;
  display:flex;
  justify-content:center;
  position:absolute;
  width:100%;
  z-index:10;
}
.dot{
  background:#f1f1f1;
  border:3px solid #f1f1f1;
  border-radius:50%;
  cursor:pointer;
  height:10px;
  margin:0 5px;
  transition:background-color .5s ease-in-out;
  width:10px;
}
.dot:hover{
  opacity:.9;
}
.dot:hover,.dot[data-active=true]{
  background:#202020;
}