.top-section-contact{display:flex;justify-content:space-evenly;width:80%;margin:auto;margin-top:12rem;margin-bottom:15rem;animation:fadeInUp .8s ease}.top-section-contact .content{width:50%;max-width:500px;margin:0}.top-section-contact .content h1,.top-section-contact .content p,.top-section-contact .content h2{text-align:left;margin:0}.top-section-contact .content h1{font-size:3rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase}.top-section-contact .content h2{font-size:3rem;font-weight:300}.top-section-contact .content p{font-size:1.2rem;font-weight:300}.top-section-contact .contact{font-family:Inter,sans-serif;width:50%}.top-section-contact .contact h1{text-align:center;margin-bottom:25px;color:#141414;font-size:2rem}.top-section-contact .contact .contactForm{display:flex;flex-direction:column;max-width:500px;margin-left:auto;padding:30px;background-color:#fff;border-radius:20px;position:relative}.top-section-contact .contact .contactForm .loader{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:20px}.top-section-contact .contact .contactForm .loader .loaderElement{width:60px;height:60px;margin-bottom:3rem;border:3px solid transparent;border-top:3px solid rgb(20,20,20);border-bottom:3px solid rgb(20,20,20);border-radius:50%;animation:spin .8s ease infinite}.top-section-contact .contact .contactForm label{margin-bottom:5px;font-weight:700;color:#141414}.top-section-contact .contact .contactForm input[type=text],.top-section-contact .contact .contactForm input[type=email],.top-section-contact .contact .contactForm textarea{padding:10px 15px;margin-bottom:20px;border:1px solid rgb(0,15,66);border-radius:10px;font-size:1rem;transition:all .3s ease}.top-section-contact .contact .contactForm input[type=text]:focus,.top-section-contact .contact .contactForm input[type=email]:focus,.top-section-contact .contact .contactForm textarea:focus{outline:none;border-color:#62a1ff}.top-section-contact .contact .contactForm textarea{min-height:120px;resize:vertical}.top-section-contact .contact .contactForm button[type=submit]{position:relative;overflow:hidden;background-color:#000f42;color:#fff;border-radius:3rem;padding:0 3rem;line-height:3rem;border:none;cursor:pointer;transition:color .3s ease,background-color .3s ease;font-family:Inter;font-weight:600;font-size:1rem}.top-section-contact .contact .contactForm button[type=submit]:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background-color:#62a1ff;z-index:0;transition:width .3s ease}.top-section-contact .contact .contactForm button[type=submit]:hover{color:#000}.top-section-contact .contact .contactForm button[type=submit]:hover:before{width:100%}.top-section-contact .contact .contactForm button[type=submit]>*{position:relative;z-index:1}.top-section-contact .contact .contactForm button[type=submit] span,.top-section-contact .contact .contactForm button[type=submit]:after{position:relative;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 1100px){.top-section-contact{display:block!important;margin:10rem auto!important}.top-section-contact .contact{margin-top:5rem;width:100%}.top-section-contact .contact .contactForm{margin:auto}.top-section-contact .content{width:100%;margin:auto}.top-section-contact .content h1{font-size:2rem!important;text-align:center}}@media (max-width: 600px){.top-section-contact{padding:20px}.top-section-contact h1{font-size:1.5rem}.top-section-contact button[type=submit]{font-size:.9rem}}@media (hover: none){.top-section-contact .contact .contactForm button[type=submit]:hover{color:#fff!important}.top-section-contact .contact .contactForm button[type=submit]:hover:before{width:0!important}}