body{
    background-color: #203f5a;
    min-height:100vh;
}
/* Cache l'input radio original */
input[type="radio"] {
    display: none;
}

/* Style du label pour qu'il ressemble à un bouton radio */
.custom_radio label{
    display: inline-block;
    padding: 10px 20px;
    margin: 1%;
    border: 2px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: white;
    color: black;
    width: 48%;
    text-align: center;
}

/* Change la couleur de la bordure et l'échelle lorsqu'elle est sélectionnée */
.custom_radio input[type="radio"]:checked + label{
    border-color: #203f5a;
    color: #fff;
    background-color: #203f5a;
}

/* Pour conserver l'état sélectionné lors du clic */
.custom_radio label:hover {
    border-color: #203f5a;
}
#step-container > label{
    margin:1%;
}
.animate__animated.animate__slideInLeft, .animate__animated.animate__slideInRight {
  --animate-duration: 1s;
  --animate-delay: 0s;
}