/* HubSpot Form - Custom Styles */ body .hs-form { font-family: 'Rubik', sans-serif; font-size: 16px; color: #000; } /* Two-column layout for desktop */ body .hs-form fieldset.form-columns-2 { display: grid; grid-template-columns: repeat(2, minmax(100px, 1fr)); grid-column-gap: 20px; grid-row-gap: var(--gap-sm); width: 100%; max-width: none; } /* One-column layout for mobile */ @media (max-width: 767px) { body .hs-form fieldset.form-columns-2 { grid-template-columns: 1fr; } } body .hs-form fieldset.form-columns-1 { display: grid; grid-template-columns: 1fr; width: 100%; max-width: none; } body .hs-form fieldset.form-columns-2 .hs-form-field, body .hs-form fieldset.form-columns-1 .hs-form-field { width: 100%; float: none; margin-top: 20px; } /* Input & textarea styling with equal height and padding */ body .hs-form .hs-input { width: 100%; height: 56px; line-height: 1.6; color: #000; border: 1px solid var(--color-dark-200, #ccc); border-radius: var(--border-radius-sm, 5px); background-color: #fff !important; padding: var(--gap-xs, 12px) 20px; padding-right: 20px; font-family: 'Rubik', sans-serif; font-size: 16px; box-sizing: border-box; } /* Adjust only the textarea height */ body .hs-form textarea.hs-fieldtype-textarea { height: 8rem; padding: 12px 20px; box-sizing: border-box; margin-bottom: 10px; } /* Headings above fields */ body .hs-form .hs-form-field label { display: block; font-family: 'Rubik', sans-serif; font-size: 20px; margin-bottom: 10px; margin-top: 20px; } /* Error message */ body .hs-form .hs-error-msgs { color: var(--color-red-300, #f00); font-size: 16px; opacity: 0.2; list-style-type: none; margin: 4px 0 0; padding: 0; } /* Remove bullet and adjust privacy paragraph */ body .hs-form .legal-consent-container ul { list-style: none; padding-left: 0; margin-bottom: 20px; margin-top: 20px; /* ✅ Add top margin to privacy text */ } /* Checkbox area - aligned horizontally */ body .hs-form .hs-form-booleancheckbox-display { display: flex; align-items: top; gap: 30px; } /* ✅ Style for text next to checkbox */ body .hs-form .hs-form-booleancheckbox-display span { font-family: 'Rubik', sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; margin-left: 200; padding: 20; gap: 30px; } body .hs-form .hs-form-booleancheckbox-display input[type='checkbox'] { margin-top: 0; gap: 30px; } /* Submit button */ body .hs-form .hs-submit input[type="submit"] { font-family: 'Rubik', sans-serif; font-weight: 500; font-size: 20px; padding: 24px 32px; border-radius: 10px; background-color: #1666EF; color: #fff; border: none; cursor: pointer; transition: background-color 0.3s ease; text-transform: uppercase; margin-top: 40px; } /* Submit button hover */ body .hs-form .hs-submit input[type="submit"]:hover { background-color: #4C7EFF; } /* Submit container */ body .hs-form .hs-submit { margin-top: var(--gap-md, 24px); } body .hs-form .hs-submit .actions { max-width: 280px; width: 100%; } body .hs-form textarea.hs-fieldtype-textarea:last-of-type { margin-bottom: 50px; } body .hs-form .hs-field-desc, body .hs-form .hs-field-desc p { font-size: 18px !important; font-family: 'Rubik', sans-serif !important; color: #000 !important; line-height: 1.5 !important; margin-top: 8px; } /* Fix large font size in checkbox labels */ body .hs-form .hs-form-booleancheckbox-display p { font-size: 18px !important; font-family: 'Rubik', sans-serif !important; line-height: 50px; margin-top: 100px !important; margin-left: 5px; }