.single-lp nav{
    visibility:hidden;
}

#bookit-hubspot-form-wrapper{
    background-color:var(--poka-pearl);
    padding:2rem;
    border-radius:0.938rem;
}
.hs-richtext h1{
    text-align:center;
}

.resource-form-wrapper{
    background-color: var(--poka-pearl);
    padding: 2rem;
    border-radius: 0.938rem;
}

/**
 * HubSpot form — standardized two-column layout.
 * Works across ANY form regardless of field count (odd/even) or
 * which fields exist, because it targets HubSpot's structural
 * FIELD TYPE classes (hs-fieldtype-*) instead of per-field
 * property-name classes (hs_email, hs_industry, hs_comments...).
 * Field-type classes are consistent on every form; property names
 * are not (e.g. the "Comments" field on one form was actually
 * named hs_marketing_notes under the hood).
 */

/* Make the form a two column grid */
.hs-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.5rem;
    align-items: start;
}

/* Default: every field takes ONE column. Grid auto-flow pairs them
   left-to-right in the order they appear, so odd field counts just
   leave the last cell empty — no manual placement needed per form. */
.hs-form-field {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
    grid-column: span 1;
}

.hs-form-field label {
    margin-bottom: 0;
}

.hs-form-field .input,
.hs-form-field .hs-input,
.hs-form-field select,
.hs-form-field textarea {
    width: 100% !important;
}

/* ---- STRUCTURAL full-width fields (by type, not name) ----
   These field types should always span both columns on any form:
   email, textareas, checkboxes, legal consent text, rich text
   blocks (titles/subheadings inside the form), and the submit
   button. */
.hs-form-field.hs-fieldtype-textarea,
.hs-form-field.hs-fieldtype-checkbox,
.hs-form-field.hs-fieldtype-booleancheckbox,
.hs-form-field.hs-fieldtype-email,
.hs-form .legal-consent-container,
.hs-form .hs_submit,
.hs-form .hs-submit {
    grid-column: 1 / -1;
}

/* Rich text blocks (e.g. "Reserve Your Seat" titles/subheadings
   placed inside the form) must span full width. HubSpot sometimes
   wraps the rich text in an outer div that is the actual grid
   item, while .hs-richtext lives on an inner element — so target
   both the class directly AND the wrapping div via :has(). */
.hs-form .hs-richtext,
.hs-form > div:has(.hs-richtext) {
    grid-column: 1 / -1;
}

/* ---- Manual escape hatch ----
   For a field that needs to be full width on ONE specific form but
   isn't structurally unique (e.g. Industry — a select dropdown,
   same type as Country), add this class in HubSpot's field editor
   under that field's "Advanced Options" → "CSS class" setting.
   No stylesheet edits needed. */
.hs-form-field.field-full-width {
    grid-column: 1 / -1;
}

.hs-form-field.hs-fieldtype-textarea textarea {
    min-height: 120px;
    resize: vertical;
}

.hs-form-field input::placeholder,
.hs-form-field textarea::placeholder {
    color: transparent;
}

/* Stack on mobile */
@media ( max-width: 767px ) {
    .hs-form {
        grid-template-columns: 1fr;
    }
    .hs-form-field {
        grid-column: 1 / -1;
    }
}

/** Checkbox list styling **/
.hs-form-checkbox::before{
    content:'';
    display:none;
}
.hs-form-field .inputs-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hs-form-field .inputs-list li {
  margin-bottom: 8px;
  padding-left:0;
}

.hs-form-field .inputs-list li label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-weight: 400;
  font-size: inherit;
  cursor: pointer;
  width: 100%;
}

.hs-form-field .inputs-list li input[type="checkbox"] {
  margin-top: 3px;
  flex-shrink: 0;
  min-width: 1rem;
  width: 1rem !important;
  height: 1rem;
}

.hs-form-field .inputs-list li label span {
  flex: 1;
}

#label-register_to_pokas_quarterly_product_release_webinar-023ac9ba-4798-4910-a560-1f591586eadb{
    display:none;
}
.hs-main-font-element h3{
    margin-top:2rem;
    margin-bottom:0.75rem;
}