section .contact-container{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden}section .contact-container .balloons-container{position:absolute;z-index:-1;width:100%;min-height:100vh}section .contact-container .balloons-container .balloon{position:absolute;top:0;left:0;width:min-content}section .contact-container .balloons-container .balloon img{width:2.5vw}section .contact-container .balloons-container .balloon:nth-child(1){top:10%;left:10%;animation:balloonsAnimationFirstTop 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(2){top:30%;left:22%;animation:balloonsAnimationFirstBottom 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(3){top:40%;left:6%;animation:balloonsAnimationFirstTop 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(4){top:50%;left:40%;animation:balloonsAnimationFirstBottom 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(5){top:20%;left:40%;animation:balloonsAnimationFirstTop 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(6){top:40%;left:80%;animation:balloonsAnimationFirstBottom 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(7){top:10%;left:60%;animation:balloonsAnimationFirstTop 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(8){top:60%;left:20%;animation:balloonsAnimationFirstBottom 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(9){top:70%;left:90%;animation:balloonsAnimationFirstTop 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(10){top:45%;left:60%;animation:balloonsAnimationFirstBottom 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(11){top:80%;left:50%;animation:balloonsAnimationFirstTop 4s ease-in-out infinite alternate}section .contact-container .balloons-container .balloon:nth-child(12){top:75%;left:30%;animation:balloonsAnimationFirstBottom 4s ease-in-out infinite alternate}section .contact-container .contact-form{width:100%;max-width:600px;padding:25px}section .contact-container .contact-form h2{color:var(--green)}section .contact-container .contact-form p{color:#fff;font-size:.8rem}section .contact-container .contact-form form{margin:20px 0}section .contact-container .contact-form form .inputFields{position:relative;margin-bottom:25px}section .contact-container .contact-form form .inputFields input,section .contact-container .contact-form form .inputFields textarea{width:100%;border:none;border-bottom:1px solid var(--asideColor);outline:none;background-color:transparent;padding:5px;color:#fff;resize:vertical;font-family:Poppins,Arial,Helvetica,sans-serif;font-size:.8rem}section .contact-container .contact-form form .inputFields label{position:absolute;top:4px;left:5px;font-size:.9rem;pointer-events:none;color:var(--asideColor);transform:translate(0);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}section .contact-container .contact-form form .inputFields input:focus+label,section .contact-container .contact-form form .inputFields input.sucess+label,section .contact-container .contact-form form .inputFields textarea:focus+label,section .contact-container .contact-form form .inputFields textarea.sucess+label{font-size:.8rem;transform:translate(-5px,-20px);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}section .contact-container .contact-form form .submitButtonField{text-align:center}section .contact-container .contact-form form .submitButtonField input{padding:10px 20px;border:1px solid var(--green);outline:none;background-color:transparent;cursor:pointer;color:var(--green);font-weight:700}section .contact-container .contact-form form .submitButtonField input:hover{border:1px solid var(--darkGreen);color:var(--darkGreen)}section .contact-container .popupSucessSendForm{position:absolute;bottom:0;text-align:center;padding:10px 15px;background-color:var(--green);border-radius:2px;transform:translateY(100%);transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out}section .contact-container .popupSucessSendForm span{font-size:.9rem;font-weight:700;color:var(--backgroundColorSite)}@keyframes balloonsAnimationFirstTop{0%{transform:translateY(0)}to{transform:translateY(50%)}}@keyframes balloonsAnimationFirstBottom{0%{transform:translateY(50%)}to{transform:translateY(0)}}
