/*animation du boutton envoyer*/

:root {
    --primary: #4294E3;
    --secondary: #8F12FD;
    /*--secondary: #01b0f1;*/
    --light: #F0F6FF;
    --dark: #262B47;
}


 .send {
    background-color: linear-gradient(to bottom right, #4294E3, #8F12FD);
    color: #fff;
  }

.form-floating.error input {
	border-color: #e74c3c;
}

.form-floating i {
	visibility: hidden;
	position: absolute;
	top: 20px;
	right: 10px;
}

.form-floating.success i.fa-check-circle {
	color: #2ecc71;
	visibility: visible;
}

.form-floating.error i.fa-exclamation-circle {
	color: #e74c3c;
	visibility: visible;
}

.form-floating small {
	color: #e74c3c;
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: hidden;
}

.form-floating.error small {
	visibility: visible;
}

.form-floating1 small {
	color: #e74c3c;
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: hidden;
  font-size: 13px;
  text-align: center;
}

.form-floating1.error small {
	visibility: visible;
}


.newsletter-user.error input {
	border-color: #e74c3c;
}

.newsletter-user i {
	visibility: hidden;
	position: absolute;
	top: 18px;
	right: 4px;
}

.newsletter-user.success i.fa-check-circle {
	color: #2ecc71;
	visibility: visible;
}

.newsletter-user.error i.fa-exclamation-circle {
	color: #e74c3c;
	visibility: visible;
}

.newsletter-user small {
	color: #e74c3c;
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: hidden;
}

.newsletter-user.error small {
	visibility: visible;
}

.newsletter-user1 small {
	color: #e74c3c;
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: hidden;
  font-size: 13px;
  text-align: center;
}

.newsletter-user1.error small {
	visibility: visible;
}