.trustPilot{
	background-color: #1C8B4D;
}
.trustPilot .col-12{
	animation: trustPilot-load 400ms ease-in 600ms;
	transform: translateY(0);
}

@keyframes trustPilot-load{
	0%{
		transform: translateY(100%);
	}
	100%{
		transform: translateY(0);
	}
}


.second-section{
	animation: second-section-load 1000ms ease-in;
	animation-fill-mode: forwards;
	transform: scale(0);
}

@keyframes second-section-load{
	0%{
		transform: scale(0);
	}
	90%{
		transform: scale(1.1);
	}
	100%{
		transform: scale(1);
	}
}

.third-section-first{
	animation-name: third-section-first;
	animation-duration: 1000ms;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
	transform: translateX(0);
}

@keyframes third-section-first{
	0%{
		transform: translateX(-100%);
	}
	100%{
		transform: translateX(0);
	}
}

.third-section-second{
	animation-name: third-section-second;
	animation-duration: 1000ms;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
	transform: scale(0);
}

@keyframes third-section-second{
	0%{
		transform: scale(0);
	}
	90%{
		transform: scale(1.1);
	}
	100%{
		transform: scale(1);
	}
}

.third-section-third{
	animation-name: third-section-third;
	animation-duration: 1000ms;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
	transform: translateX(0);
}

@keyframes third-section-third{
	0%{
		transform: translateX(100%);
	}
	100%{
		transform: translateX(0);
	}
}


/* Pao animation */
.input_error_shake {
	position: relative;
	animation: shake .1s linear;
	animation-iteration-count: 3;
	border: 1px solid red;
	outline: none;
  }
  
  @keyframes shake {
	0% {
	  left: -5px;
	}
	100% {
	  right: -5px;
	}
  }