.contact-us-container{background-color:var(--page-bg);z-index:2;margin-bottom:6rem;padding:1rem}.contact-us-container .contact-us-main{padding:1rem 2rem;position:relative}.contact-us-container .contact-us-main .contact-us-background{width:100%;height:80vh;position:absolute;top:0;left:0}.contact-us-container .contact-us-content{z-index:2;max-width:var(--base-max-width);flex-direction:row;align-items:center;gap:4.2rem;margin:21.5rem auto 9rem;display:flex;position:relative}.contact-us-container .contact-us-content .right{max-width:54rem;position:relative;overflow:hidden}.contact-us-container .contact-us-content .right img{width:auto;height:100%}@media screen and (max-width:900px){.contact-us-container .contact-us-content .right img{display:none}.contact-us-container{margin-bottom:15rem}}.contact-us-container .contact-us-content .right .contact-message{z-index:2;width:100%;height:100%;margin-bottom:2.4rem}.contact-us-container .contact-us-content .right .contact-message .head-text{font-family:var(--encode-sans);font-size:5.6rem;font-weight:700;line-height:6.4rem}.contact-us-container .contact-us-content .right .contact-message .subtext{font-family:var(--inter);margin-top:8px;font-size:1.8rem;font-weight:300;line-height:3.2rem}.contact-us-container .contact-us-content .right .blur-bg{background-color:var(--page-bg);filter:blur(35px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;width:100%;height:100%;padding:2rem;position:absolute;bottom:0}.contact-us-container .contact-us-content .left{flex:1}@media (max-width:1050px){.contact-us-container .contact-us-content{max-width:var(--base-max-width);flex-direction:row;align-items:center;margin:21.5rem auto 9rem;display:flex}.contact-us-container .contact-us-content .right img{width:49.7rem;height:49.7rem}}@media (max-width:950px){.contact-us-container .contact-us-content{flex-direction:column;gap:2rem}.contact-us-container .contact-us-content .right{text-align:center;align-items:center}}@media (max-width:550px){.contact-us-container{padding:0}.contact-us-container .contact-us-content{flex-direction:column;gap:3rem;margin-top:15rem}.contact-us-container .contact-us-content .right{text-align:unset}}
.inputContainer{flex-direction:column;gap:.6rem;display:flex}.inputContainer label{font-family:var(--inter);color:#40474e;font-size:1.4rem;font-weight:400;line-height:130%}.inputContainer input,.inputContainer select,.inputContainer textarea{background:var(--page-bg,#fff);border:1px solid #cfd9e4;border-radius:8px;width:100%;padding:1.3rem 1.6rem;font-size:1.6rem}.inputContainer input::placeholder,.inputContainer select::placeholder,.inputContainer textarea::placeholder{color:#a7b1bc}.inputContainer textarea{resize:vertical;min-height:120px}.inputContainer input:focus,.inputContainer select:focus,.inputContainer textarea:focus{border-color:#483beb;outline:none;box-shadow:0 0 0 3px #007bff40}.inputContainer .required{color:red}.inputContainer.disabled{opacity:.7;cursor:not-allowed}.inputContainer.disabled input,.inputContainer.disabled select,.inputContainer.disabled textarea{cursor:not-allowed;pointer-events:none;background-color:#f8fafc;border-color:#e2e8f0}.inputContainer.disabled label{color:#94a3b8}
.formContainer{background-color:#fff;border-radius:1.6rem;max-width:60rem;margin:0 auto;padding:4rem;box-shadow:0 0 1px #0c1a4b1a,0 10px 16px #14253f0f}.formContainer .success-message{color:#17b26a;background-color:#17b26a14;border-radius:1.2rem;align-items:center;gap:1.2rem;margin-top:1.2rem;padding:1.2rem;font-size:1.4rem;display:flex}.formContainer .success-message>p{color:#17b26a}.formContainer h2.head-text{font-family:var(--encode-sans);font-size:5.6rem;font-weight:700;line-height:6.4rem}.formContainer>p.subtext{font-family:var(--inter);color:#40474e;margin-top:8px;margin-bottom:4rem;font-size:1.6rem;font-weight:500;line-height:130%}.formContainer .error-message{color:#f04438;text-align:center;font-size:1.4rem;font-weight:500;line-height:130%}.form{flex-direction:column;gap:2.4rem;display:flex}.form .name-group{flex-direction:row;gap:2.4rem;display:flex}@media screen and (max-width:490px){.form .name-group{flex-direction:column;gap:2.4rem;display:flex}}.form .name-group>*{width:100%}.terms{color:#39434e;text-align:center;font-size:1.4rem}.terms a{color:#39434e;text-decoration:underline}.terms a:hover{text-decoration:underline}