.garanties{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#333}.garanties h3{font-weight:700;color:#004085}.garanties p{font-size:1rem}.garanties .bi{color:#0d6efd;transition:transform 0.3s ease,color 0.3s ease}.garanties .fade-in{opacity:0;transform:translateY(20px);animation-fill-mode:forwards;animation-name:fadeInUp;animation-duration:0.6s;animation-timing-function:ease-out}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.garanties .item:hover .bi{color:#198754;transform:scale(1.2)}.timeline{position:relative;padding-left:2rem;border-left:3px solid #0d6efd}.timeline-item{position:relative;margin-bottom:2rem;opacity:0;animation:fadeInUp 0.6s forwards}.timeline-item::before{content:'';position:absolute;left:-11px;top:0;width:20px;height:20px;background:#0d6efd;border-radius:50%;border:3px solid white;transition:background 0.3s ease}.timeline-item:hover::before{background:#198754}.steps{display:flex;gap:1rem;flex-wrap:wrap}.step{background:white;padding:1rem;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / 0.1);flex:1 1 200px;cursor:pointer;transition:box-shadow 0.3s ease,transform 0.3s ease;opacity:0;animation:fadeInUp 0.6s forwards}.step:hover{box-shadow:0 6px 20px rgb(25 135 84 / 0.5);transform:translateY(-5px)}.step-number{font-weight:700;font-size:1.5rem;color:#0d6efd;margin-bottom:0.5rem}.card-garanties{background:white;border-radius:15px;padding:2rem;box-shadow:0 10px 20px rgb(0 0 0 / 0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;opacity:0;animation:fadeInUp 0.6s forwards}.card-garanties:hover{transform:scale(1.05);box-shadow:0 15px 30px rgb(25 135 84 / 0.7)}