.elementor-8343 .elementor-element.elementor-element-94cab69{--display:flex;--min-height:100vh;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-8343 .elementor-element.elementor-element-94cab69:not(.elementor-motion-effects-element-type-background), .elementor-8343 .elementor-element.elementor-element-94cab69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/wp-content/uploads/sites/2/2026/08/lpg-india-festive-playbook-header-2026-v05.svg");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-8343 .elementor-element.elementor-element-3b7afb4{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8343 .elementor-element.elementor-element-f3d7c91{width:var( --container-widget-width, 100px );max-width:100px;--container-widget-width:100px;--container-widget-flex-grow:0;}.elementor-8343 .elementor-element.elementor-element-f3d7c91 img{width:100%;max-width:100%;}.elementor-8343 .elementor-element.elementor-element-7851be4{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--overflow:hidden;}.elementor-8343 .elementor-element.elementor-element-fc8237d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-8343 .elementor-element.elementor-element-fc8237d.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-8343 .elementor-element.elementor-element-ba1b2ff{width:var( --container-widget-width, 484px );max-width:484px;--container-widget-width:484px;--container-widget-flex-grow:0;}.elementor-8343 .elementor-element.elementor-element-ba1b2ff.elementor-element{--align-self:flex-start;}.elementor-8343 .elementor-element.elementor-element-ba1b2ff .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:56px;font-weight:600;font-style:normal;line-height:1em;letter-spacing:-2.9px;}.elementor-8343 .elementor-element.elementor-element-be77301{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8343 .elementor-element.elementor-element-048b50b{width:var( --container-widget-width, 389px );max-width:389px;--container-widget-width:389px;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;line-height:1.6rem;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8343 .elementor-element.elementor-element-048b50b.elementor-element{--align-self:flex-start;}.elementor-8343 .elementor-element.elementor-element-65dbec3{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-8343 .elementor-element.elementor-element-65dbec3:not(.elementor-motion-effects-element-type-background), .elementor-8343 .elementor-element.elementor-element-65dbec3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFC9;}.elementor-8343 .elementor-element.elementor-element-65dbec3.e-con{--align-self:center;}.elementor-8343 .elementor-element.elementor-element-1fbbe57{width:100%;max-width:100%;}.elementor-8343 .elementor-element.elementor-element-1fbbe57.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-8343 .elementor-element.elementor-element-e1c3c9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-8343 .elementor-element.elementor-element-877e8e1.elementor-element{--align-self:center;}.elementor-8343 .elementor-element.elementor-element-877e8e1{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6rem;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-8343 .elementor-element.elementor-element-00ac80f.elementor-element{--align-self:center;}.elementor-8343 .elementor-element.elementor-element-00ac80f{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6rem;letter-spacing:0px;color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-8343 .elementor-element.elementor-element-94cab69{--content-width:1440px;}.elementor-8343 .elementor-element.elementor-element-fc8237d{--width:42%;}.elementor-8343 .elementor-element.elementor-element-65dbec3{--width:500px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8343 .elementor-element.elementor-element-fc8237d{--width:100%;}.elementor-8343 .elementor-element.elementor-element-65dbec3{--width:80%;}}@media(max-width:1024px){.elementor-8343 .elementor-element.elementor-element-94cab69:not(.elementor-motion-effects-element-type-background), .elementor-8343 .elementor-element.elementor-element-94cab69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-8343 .elementor-element.elementor-element-3b7afb4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8343 .elementor-element.elementor-element-f3d7c91{--container-widget-width:80px;--container-widget-flex-grow:0;width:var( --container-widget-width, 80px );max-width:80px;}.elementor-8343 .elementor-element.elementor-element-7851be4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8343 .elementor-element.elementor-element-fc8237d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8343 .elementor-element.elementor-element-ba1b2ff.elementor-element{--align-self:center;}.elementor-8343 .elementor-element.elementor-element-ba1b2ff{text-align:center;}.elementor-8343 .elementor-element.elementor-element-ba1b2ff .elementor-heading-title{font-size:48px;line-height:1em;letter-spacing:-0.5px;}.elementor-8343 .elementor-element.elementor-element-be77301{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8343 .elementor-element.elementor-element-048b50b.elementor-element{--align-self:center;}.elementor-8343 .elementor-element.elementor-element-048b50b{text-align:center;}.elementor-8343 .elementor-element.elementor-element-65dbec3{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-8343 .elementor-element.elementor-element-1fbbe57{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-8343 .elementor-element.elementor-element-94cab69{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:8px;--padding-bottom:8px;--padding-left:16px;--padding-right:16px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8343 .elementor-element.elementor-element-f3d7c91{--container-widget-width:80px;--container-widget-flex-grow:0;width:var( --container-widget-width, 80px );max-width:80px;}.elementor-8343 .elementor-element.elementor-element-7851be4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8343 .elementor-element.elementor-element-fc8237d{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8343 .elementor-element.elementor-element-ba1b2ff .elementor-heading-title{font-size:32px;line-height:1em;letter-spacing:-0.5px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8343 .elementor-element.elementor-element-048b50b{font-size:16px;line-height:1.7em;letter-spacing:-0.3px;}.elementor-8343 .elementor-element.elementor-element-65dbec3{--justify-content:flex-start;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8343 .elementor-element.elementor-element-1fbbe57{padding:16px 16px 16px 16px;}.elementor-8343 .elementor-element.elementor-element-877e8e1{font-size:16px;line-height:1.7em;letter-spacing:-0.3px;}.elementor-8343 .elementor-element.elementor-element-00ac80f{font-size:16px;line-height:1.7em;letter-spacing:-0.3px;}}/* Start custom CSS for html, class: .elementor-element-1fbbe57 *//* ═══════════════════════════════════════════════════════════════════════ HubSpot forms (NEW editor / .hsfc-* markup) - custom skin. Scope: the element with CSS ID "hb-form" (Elementor: Advanced → CSS ID). Works only with the inline "developer" embed - NOT the iframe one:
═══════════════════════════════════════════════════════════════════════ */ /* ── Theme knobs: edit these to rebrand ─────────────────────────────── */ #hb-form { --hbf-font: Poppins, system-ui, sans-serif; --hbf-accent: #005645; /* buttons, focus border */ --hbf-accent-hover: #003D31; --hbf-text: #101010; /* labels, input text */ --hbf-muted: #6C6C6C; /* placeholders, descriptions, legal text */ --hbf-border: #D6D6D6; /* input borders */ --hbf-input-bg: #E9F0EF; /* inputs; set to transparent if needed */ --hbf-error: #dc2626; --hbf-radius: 12px; /* inputs */ --hbf-focus-ring: rgba(0, 86, 69, 0.18); } /* ── Transparent form background ──────────────────────────────────────── The section/container background is chosen in Elementor; the form's own wrappers must never paint over it, whatever theme is set in HubSpot. */ #hb-form [data-hsfc-id="Renderer"], #hb-form .hsfc-Form, #hb-form .hsfc-Step, #hb-form .hsfc-Step__Content { background: transparent !important; } /* ── Kill the filler rows (CSS-only) ──────────────────────────────────── HubSpot's consent block (DataPrivacyField) pads the checkbox with rich-text rows holding a lone  , which render as stray gaps. CSS can't inspect text, so we hide EVERY rich-text row inside the consent block - the visible consent wording lives in the checkbox label, not in these rows. Heads-up: if some form keeps real legal copy as rich text inside the consent block, it will be hidden too - move that copy into the checkbox label or a separate field. */ #hb-form .hsfc-DataPrivacyField .hsfc-Row:has(.hsfc-RichText) { display: none; } /* ── HubSpot theme variables (their CSS reads these) ────────────────── */ #hb-form [data-hsfc-id="Renderer"] { /* HubSpot wraps the form in its own padding (40px by default); remove this line if you WANT that inner padding. */ --hsf-background__padding: 0px; --hsf-default-field-label__font-family: var(--hbf-font); --hsf-default-field-label__font-size: 13px; --hsf-default-field-label__color: var(--hbf-text); --hsf-default-field-input__font-family: var(--hbf-font); --hsf-default-field-input__background-color: var(--hbf-input-bg); --hsf-default-field-input__border-color: var(--hbf-border); --hsf-default-field-input__border-radius: var(--hbf-radius) var(--hbf-radius) var(--hbf-radius) var(--hbf-radius); --hsf-default-field-input__padding: 6px 12px 6px 12px; --hsf-default-field-input__placeholder-color: var(--hbf-muted); --hsf-default-field-textarea__font-family: var(--hbf-font); --hsf-default-field-textarea__background-color: var(--hbf-input-bg); --hsf-default-field-textarea__border-color: var(--hbf-border); --hsf-default-field-textarea__border-radius: var(--hbf-radius) var(--hbf-radius) var(--hbf-radius) var(--hbf-radius); --hsf-default-field-textarea__padding: 10px 16px 10px 16px; --hsf-default-field-textarea__placeholder-color: var(--hbf-muted); --hsf-default-field-checkbox__background-color: var(--hbf-input-bg); --hsf-default-field-checkbox__border-color: var(--hbf-border); --hsf-default-field-description__font-family: var(--hbf-font); --hsf-default-field-description__color: var(--hbf-muted); --hsf-default-richtext__font-family: var(--hbf-font); --hsf-default-richtext__color: var(--hbf-muted); --hsf-default-erroralert__font-family: var(--hbf-font); --hsf-default-erroralert__color: var(--hbf-error); --hsf-default-button__font-family: var(--hbf-font); --hsf-default-button__font-size: 16px; --hsf-default-button__color: #FFFFFF; --hsf-default-button__background-color: var(--hbf-accent); --hsf-default-button--hover__background-color: var(--hbf-accent-hover); --hsf-default-button__border-radius: 9999px 9999px 9999px 9999px; --hsf-default-button__padding: 12px 32px 12px 32px; --hsf-default-field-dropdown-options__border-radius: var(--hbf-radius) var(--hbf-radius) var(--hbf-radius) var(--hbf-radius); } /* ── Bits their theme doesn't expose as variables ───────────────────── */ /* Inputs: text size/color + focus treatment */ #hb-form .hsfc-TextInput, #hb-form .hsfc-DropdownInput { font-size: 14px; color: var(--hbf-text); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } #hb-form .hsfc-TextInput:focus, #hb-form .hsfc-DropdownInput:focus { border-color: var(--hbf-accent); outline: 0; box-shadow: 0 0 0 3px var(--hbf-focus-ring); } /* Consent checkbox: pin to the first line of multi-line text (HubSpot centers it), plus more breathing room to the text. */ #hb-form .hsfc-CheckboxField label { align-items: flex-start; justify-content: flex-start; gap: 12px; } #hb-form .hsfc-CheckboxField label > input { margin-top: 2px; } /* Submit: full-width pill. Delete the two width:100% lines if you want an auto-width centered button instead. */ #hb-form .hsfc-NavigationRow__Buttons { width: 100%; } #hb-form .hsfc-Button { width: 100%; font-weight: 500; cursor: pointer; transition: background-color 0.2s ease; } /* Consent checkbox: tighter line-height for the label text */ #hb-form .hsfc-CheckboxField label > span { line-height: 18px; } /* Submit row: pull the button closer to the fields (HubSpot default is 40px) */ #hb-form .hsfc-NavigationRow { margin-top: 24px; }/* End custom CSS */