.contact-us-container{max-width:600px;margin:0 auto;padding:20px;text-align:center;animation:fadeIn 1s ease-in-out}.title{color:#fff;font-size:40px;margin-bottom:20px;animation:bounceIn 1s ease-in-out}.background-div{background-color:#3e2093;padding-top:100px;padding-bottom:100px;animation:slideInFromLeft 1s ease-in-out}.contact-form{display:flex;flex-direction:column;gap:10px;animation:slideIn .5s ease-in-out;background-color:#fff;padding:20px;border-radius:10px}.contact-form.submitted{animation:shake .5s ease-in-out}label{display:flex;flex-direction:column;text-align:left;color:#000}input,textarea{padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:5px}button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3;animation:pulse .5s infinite}.thank-you-message{margin-top:20px;font-size:1.2em;color:green;animation:fadeIn 1s ease-in-out}.modal{display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);animation:fadeIn .5s ease-in-out}.modal,.modal-content{justify-content:center}.modal-content{background-color:#fff;padding:20px;border-radius:10px;text-align:center;animation:slideInFromTop .5s ease-in-out;width:80%;max-width:600px;height:500px;max-height:300px}.close-button{position:absolute;top:10px;right:10px;font-size:1.5em;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes bounceIn{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){.contact-us-container{padding:10px}button,input,textarea{font-size:1em}button{padding:8px}.thank-you-message{font-size:1em}}@media (max-width:480px){.contact-us-container{padding:5px}button,input,textarea{font-size:.9em}button{padding:6px}.thank-you-message{font-size:.9em}.modal-content{margin-top:100px}}