.contact-container{display:flex;justify-content:center;align-items:center;margin:0 auto;font-family:Inter,sans-serif;margin-bottom:94px;flex-direction:column;background-image:url(../images/home-v3/hero-background.svg);background-repeat:no-repeat;background-position-x:center;background-position-y:top;background-size:contain;background-color:#fff}.contact-title{font-size:34px!important;font-weight:700;color:#170f49;margin-bottom:28px;margin-top:64px;text-align:center}.modals-container{display:flex;gap:28px;max-width:1250px;width:100%;margin:0 auto;align-items:flex-start}.contact-modal{border-radius:20px;padding:28px;padding-bottom:42px;background:#fff;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:32px;justify-content:center;align-items:center;width:680px;flex-shrink:0;box-shadow:0 98px 66px rgba(19,18,66,.02),1px 4px 104px rgba(20,20,43,.04)}.side-modals-container{display:flex;flex-direction:column;margin:0 auto;gap:20px}.side-modal{border-radius:20px;padding:16px 24px 28px 24px;background:#fff;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;width:520px;box-shadow:0 98px 66px rgba(19,18,66,.02),1px 4px 104px rgba(20,20,43,.04)}.side-modal-header{display:flex;gap:8px;align-items:center}.side-modal-header-img-container{width:48px;height:48px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f7f7fc}.side-modal-header-img-container img{width:32px;height:32px;min-width:32px;min-height:32px}.side-modal-header h4{font-size:20px;font-weight:700;color:#211f54}.side-modal p{font-size:18px;font-weight:400;color:#6e7191;margin-bottom:0!important}.contact-form-container{display:flex;flex-direction:column;gap:16px;width:100%}.contact-form-container label{font-size:14px;font-weight:600;color:#344054}.contact-form-container input{padding:14px 10px;border-radius:6px;border:1px solid #dcddeb;background:#fff;width:100%;margin-top:8px}.contact-form-container textarea{padding:14px 10px;border-radius:6px;border:1px solid #dcddeb;background:#fff;width:100%;margin-top:8px;height:110px}.submit-btn{width:100%;margin-top:32px;font-weight:700!important;position:relative}.submit-btn .button-text{transition:opacity .3s ease}.submit-btn .button-spinner{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}.submit-btn.loading .button-text{opacity:0}.submit-btn.loading .button-spinner{display:inline-block}@keyframes spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.fa-spin{animation:spin 1s linear infinite}.contact-form-container input::placeholder,.contact-form-container textarea::placeholder{color:#667085}.contact-form-container input::-webkit-input-placeholder,.contact-form-container textarea::-webkit-input-placeholder{color:#667085}.contact-form-container input::-moz-placeholder,.contact-form-container textarea::-moz-placeholder{color:#667085;opacity:1}.contact-form-container input:-ms-input-placeholder,.contact-form-container textarea:-ms-input-placeholder{color:#667085}.data-text{color:#6f6c90;font-size:14px;line-height:1.5;margin-top:16px}.data-text img{height:16px;vertical-align:middle;margin:0 2px;display:inline-block}.data-text a{color:#2d68ff;text-decoration:none;font-weight:600}.data-text a:hover{text-decoration:underline}@media screen and (max-width:1280px){.contact-container{width:100%;max-width:90%;margin:0 auto;margin-bottom:54px}.modals-container{flex-direction:column}.side-modals-container{width:100%}.side-modal{width:100%}.contact-modal{width:100%}.side-modal-header h4{font-size:16px!important}.side-modal p{font-size:14px!important}.side-modal-header-img-container{width:32px;height:32px;min-width:32px;min-height:32px}.side-modal-header-img-container img{width:24px;height:24px;min-width:24px;min-height:24px}.contact-title{font-size:24px!important;margin:24px}}
