.contact-container{position:relative;background-color:var(--light-blue);overflow-x:hidden}.dark-triangle{position:absolute;background-color:var(--dark-blue);height:100%;width:100%;clip-path:polygon(0% 62.5%,100% 100%,0% 100%)}.conatct-us-info-con{position:relative;display:flex;align-items:center;justify-content:space-around;height:80vh;z-index:10}.contact-left{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;width:47%;color:#fff}.contact-left h1{font-weight:700;font-size:2rem;line-height:39px;opacity:0;transform:translateY(50px);animation:textFade 1s ease forwards;animation-delay:.7s}.contact-left .sub-title{font-weight:400;font-size:1.3rem;line-height:29px;opacity:0;transform:translateY(50px);animation:textFade 1s ease forwards;animation-delay:1.4s}.contact-info div{font-weight:600;font-size:14px;line-height:17px;letter-spacing:.14em;margin-bottom:1em;opacity:0;transform:translateY(50px);animation:textFade 1s ease forwards;animation-delay:1.8s}.contact-info a{color:#fff}@keyframes textFade{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}.contact-form{background:#fff;box-shadow:0 4px 4px rgb(0 0 0 / .25);border-radius:18px;padding:2em;transform:translateX(200%);animation:slideIn 1s cubic-bezier(.25,.1,.11,1.49) forwards}@keyframes slideIn{0%{transform:translateX(200%)}100%{transform:translateX(0%)}}.contact-form label{font-weight:600;font-size:1.2rem;line-height:24px;letter-spacing:.14em;color:var(--dark-blue);margin-bottom:.5em}.contact-form input,.contact-form textarea{border:none;background:#F5F5F5;border-radius:6px;margin-top:.7em;width:100%}.contact-form input::placeholder,.contact-form textarea::placeholder{font-weight:600;font-size:14px;line-height:17px;letter-spacing:.14em;color:#CBCBCB;padding-left:.5em}.contact-form input[type=submit]{background:#FEC601;border-radius:6px;font-weight:700;font-size:14px;line-height:17px;color:#000;padding:.5em 1em;width:auto}.contact-form input[type=submit]:hover{cursor:pointer}.contact-info-two{display:none}@media (max-width:1060px){.conatct-us-info-con{height:auto;flex-direction:column;padding:2em 0;gap:1em}.contact-info{display:none}.contact-info-two{display:block;width:47%;margin:0 auto;position:relative;color:#fff;padding-bottom:1em}}@media (max-width:900px){.contact-left,.contact-info-two{width:99%}}@media (max-width:600px){.form{width:100%}.contact-left h1{font-size:1.5rem;line-height:1}.contact-left .sub-title{font-size:1rem;line-height:1}.contact-form{padding:1em}}