.rotate-1.engrenagem{animation: alternate 3s infinite rotate ease; transform-origin: center;}
.rotate-2.middle {animation: rotate 3s ease 1, rotate-reverse 3s ease 3s infinite;transform-origin: center;}
.rotate-1.estrela {animation: 5s infinite rotate linear ; transform-origin: center;}
.volante {animation: 5s infinite volante ease-in-out alternate; transform-origin: center;}


.diferenciais {padding: 80px 0;}
.diferenciais .diferencial {display: flex; align-items: center; gap: 15px;}
.diferenciais .diferencial p {font: 500 1.3306rem / 1.9688rem montserrat; }
.diferenciais .diferencial p b {font-weight: 800; color: var(--cor1);}

@keyframes rotate {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

@keyframes rotate-reverse {
 0% { transform: rotate(360deg); }
 100% { transform: rotate(0deg); }
}

@keyframes volante {
 0% {transform: rotate(0deg)}
 30% {transform: rotate(90deg);}
 60% {transform: rotate(0deg);}
 100% {transform: rotate(-90deg);}
}



@media(max-width: 1250px){
 .diferenciais .diferencial p {font-size: 1.175rem;}
}

@media(max-width: 990px){
 .diferenciais {padding: 40px 0;}
 .diferenciais .diferencial {display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center;}
}

@media(max-width: 600px){
    .diferenciais {padding: 20px 0 0;}
}