@import"https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css";.contact-section{background-color:#f5f5f5;padding:80px 0}.section-title-contact{font-size:36px;font-weight:700;text-align:center;margin-bottom:50px;color:#333;text-transform:uppercase;letter-spacing:2px;background-color:#f5f5f5;padding:20px 0}.section-title-contact:after{content:"";display:block;width:80px;height:3px;background-color:#8e44ad;margin:20px auto 0}.contact-container{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.contact-info{flex-basis:45%;max-width:45%;text-align:left;background-color:#f5f5f5;padding:50px 0;text-align:center;animation-duration:1s}.contact-info h2{font-size:40px;margin-bottom:20px;color:#333}.contact-info p{font-size:20px;margin-bottom:30px;color:#777}.contact-info ul{list-style:none;padding:0;margin-bottom:50px}.contact-info ul li{font-size:18px;margin-bottom:10px;color:#333}.contact-info ul li i{margin-right:10px;color:#0c13df;font-size:24px}.contact-form{flex-basis:50%;max-width:50%;background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 20px #0003;animation-duration:1s}.contact-form h2{font-size:32px;margin-bottom:20px}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{display:block;width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;resize:none;font-size:18px}.contact-form input[type=text]:focus::placeholder,.contact-form input[type=email]:focus::placeholder,.contact-form textarea:focus::placeholder{opacity:0;transform:translateY(-20px);transition:all .3s ease}.contact-form input[type=text]::placeholder,.contact-form input[type=email]::placeholder,.contact-form textarea::placeholder{position:absolute;top:50%;left:10px;transform:translateY(-50%);transition:all .3s ease;font-size:18px}.contact-form textarea{height:150px}.contact-form input[type=submit]{display:block;width:100%;padding:10px;background-color:#0c13df;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:18px}.contact-form input[type=submit]:hover{background-color:#87ceeb}@media only screen and (max-width: 767px){.contact-container{flex-direction:column}.contact-info,.contact-form{flex-basis:100%;max-width:100%;text-align:center}.contact-info{margin-bottom:40px}}.btn-skyblue{background-color:#87ceeb;color:#fff}.icon-skyblue{color:#87ceeb}