.oh{ overflow: hidden; }
.etapes .etapes-item{ opacity: 0; transform: translateX(-150px); border-radius:10px; position: relative;
   background: #fff; padding: 3rem 2rem 2rem 2rem; box-shadow:3px 3px 4px rgba(0, 0, 0, .1); transition: all 1000ms ease; }
.etapes .etapes-item.animated{ opacity: 1; transform: translateX(0) !important; }
.etapes .etapes-item h3{ margin-bottom: 1.5rem; }
.etapes .etapes-item .num{
  width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    background: var(--primary);
    position: absolute;
    left: 111%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-weight: bold; }


@media (min-width:782px){
  .etapes .etapes-item{ width:45%; }
  .etapes .etapes-item h3{ text-align: right; }
  .etapes .etapes-item:nth-child(2n+2){  margin-left: auto; text-align: left; transform: translateX(150px); }
  .etapes .etapes-item:nth-child(2n+2) .num{ left:initial; right: 111%; transform: translate(50%, -50%); }
  .etapes .etapes-item:nth-child(2n+2) h3{ text-align: left }
}
@media (max-width:781px){
  .etapes .etapes-item{ margin: 4rem 0 2rem 0;}
  .etapes .etapes-item .num { left: 50%; right: initial; top: 0; }
}