/* * Templates */
:root {
     --bg-main: #F2F1EC;
     --bg-secondary: #DADCD9;
     --text-main: #536056;
     --font-main: 'Inter', sans-serif;
     --text-hover: #3f4841;
}
@keyframes spin2 {
     0% { transform: scale(1.2); }
     50% { transform: rotate(0deg);}
     100% { transform: rotate(360deg);}
}

@keyframes spin3 {
  0% { transform: scaleX(-1) scale(1.2); } /* Le scaleX(-1) est appliqué en premier */
  50% { transform: scaleX(-1) rotate(-1deg); }
  100% { transform: scaleX(-1) rotate(-360deg); }
}

/* * Animations */

.backgroundnavbar:hover, .new-navbar-container:hover {
     transform: scale(1.1);
     box-shadow: 0px 2px 11px #a1a2a0;
     transition: transform 0.5s linear, box-shadow 0.2s linear;
}

.serv1:hover, .proj1:hover, .nav-link:hover {
     color: var(--text-hover);
     transform: scale(1.3);
     transition: transform 0.5s;
}


.bust1:hover, .feuille1:hover,.bustelogo:hover, .feuille-left:hover, .bust-center:hover {
     animation: transform 1s linear;
     animation: spin2 1s linear;
}
.feuille2:hover, .feuille-right:hover {
     transform-origin: center center;
     animation: transform 1s linear;
     animation: spin3 1s linear;
}


.card:hover {
     transform: scale(1.05);
     transition: transform 0.5s linear;
}

.faq-item:hover {
     transform: scale(1.05);
     transition: transform 0.5s linear;
}

/* Animation Index.html partenaires*/
.partners img:hover {
     transform: scale(1.1);
     transition: transform 0.2s linear;
}

/* Animations of recrutement*/
input[type="text"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
textarea {
     background-color: #ebeced;
}


/* * Animations de projet.html*/
.cardtemplate:hover, .project-card:hover {
     transform: scale(1.1);
     transition: transform 0.5s linear;
}