hbspt.forms.create({ portalId: "22652344", formId: "290daa44-9ebd-4a92-8111-e13602564d69", region: "na2", onFormReady: function($form) { const iframe = document.querySelector('.qoe-form iframe'); if (iframe && iframe.contentDocument) { const doc = iframe.contentDocument; const style = doc.createElement('style'); style.innerHTML = ` .hs-form-field > label { display: block !important; margin-bottom: 8px !important; font-family: 'Archivo', sans-serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 16px !important; line-height: 140% !important; letter-spacing: 0.02em !important; color: #05736E !important; } .hs-input { background: transparent !important; padding: 12px !important; border: 1px solid rgba(1, 137, 145, 0.2) !important; border-radius: 4px !important; font-family: 'Archivo', sans-serif !important; font-size: 16px !important; color: #05736E !important; box-sizing: border-box !important; width: 100% !important; } select.hs-input { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding-right: 35px !important; } select.hs-input option { background-color: #ffffff !important; color: #05736E !important; font-family: 'Archivo', sans-serif !important; } .hs-input::placeholder { font-family: 'Archivo', sans-serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 16px !important; line-height: 140% !important; letter-spacing: 0.02em !important; color: #05736E !important; opacity: 0.6; } .hs-input::-webkit-input-placeholder { font-family: 'Archivo', sans-serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 16px !important; line-height: 140% !important; letter-spacing: 0.02em !important; color: #05736E !important; } .hs-input::-moz-placeholder { font-family: 'Archivo', sans-serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 16px !important; line-height: 140% !important; letter-spacing: 0.02em !important; color: #05736E !important; } .field { margin-bottom: 18px !important; } fieldset.form-columns-2 .hs-form-field { width: calc(50% - 8px) !important; } fieldset.form-columns-2 .hs-form-field:first-child { margin-right: 16px !important; } fieldset.form-columns-2 .input { margin-right: 0 !important; } .hs_submit, .hs-submit .actions, .hs-button.primary.large { width: 100% !important; box-sizing: border-box !important; } .hs-button.primary.large { clip-path: polygon(18px 4.07%, calc(100% - 10px) 0%, calc(100% - 3px) 1px, calc(100% - 1px) 3px, 100% 5px, calc(100% - 18px) 97.97%, 10px 100%, 3px calc(100% - 1px), 1px calc(100% - 3px)) !important; font-family: 'Archivo', sans-serif !important; font-weight: 700 !important; font-size: 18px !important; color: #100F10 !important; line-height: 140% !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 35px !important; padding-right: 35px !important; background-color: #13F567 !important; border: none !important; transition: all 400ms !important; display: inline-block !important; cursor: pointer !important; } .hs-button.primary.large:hover { background-color: #11e168 !important; } .hs-submit { display: block !important; } `; doc.head.appendChild(style); } } });