<div class="newsletter_cta theme_light_green">
    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-lg-justify-center">
            <div class="newsletter_cta_inner">
                <figure class="newsletter_cta_image_wrapper newsletter_cta_image_wrapper_sm">

                    <img class="newsletter_cta_image" srcset="https://images.fastspot.com/framework/740x740/1 740w, https://images.fastspot.com/framework/300x300/1 300w, https://images.fastspot.com/framework/500x500/1 500w, https://images.fastspot.com/framework/100x100/1 100w" sizes="(min-width: 980px) 0px, (min-width: 780px) 556px, (min-width: 380px) calc(80vw - 52px), 236px" src="https://images.fastspot.com/framework/100x100/1" alt="" loading="lazy" width="100" height="100">
                </figure>
                <div class="newsletter_cta_content">
                    <h2 class="newsletter_cta_title">Join Our Newsletter</h2>
                    <div class="newsletter_cta_description typography">
                        <p>Lorem ipsum <a href="#">dolor sit</a> amet consectetur. Quis habitant scelerisque enim lectus pulvinar. Purus volutpat interdum scelerisque vel.</p>
                    </div>
                    <div class="newsletter_cta_form">
                        <div class="gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework" data-form-theme="gravity-theme" data-form-index="0" id="gform_wrapper_2">
                            <div class="gform_heading">
                                <h2 class="gform_title">Join Our Newsletter</h2>
                                <p class="gform_description"></p>
                            </div>
                            <form method="post" enctype="multipart/form-data" id="gform_2" action="/learn-and-explore/" data-formid="2" novalidate="">
                                <div class="gform-body gform_body">
                                    <div id="gform_fields_2" class="gform_fields top_label form_sublabel_below description_below validation_below">
                                        <div id="field_2_1" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_1"><label class="gfield_label gform-field-label" for="input_2_1">Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label>
                                            <div class="ginput_container ginput_container_email">
                                                <input name="input_1" id="input_2_1" type="email" value="" class="large" aria-required="true" aria-invalid="false" placeholder="Email">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="gform_footer before"> <button type="submit" id="gform_submit_button_2" class="gform_button button" value="Submit" onclick="if(window[&quot;gf_submitting_2&quot;]){return false;}  if( !jQuery(&quot;#gform_2&quot;)[0].checkValidity || jQuery(&quot;#gform_2&quot;)[0].checkValidity()){window[&quot;gf_submitting_2&quot;]=true;}  " onkeypress="if( event.keyCode == 13 ){ if(window[&quot;gf_submitting_2&quot;]){return false;} if( !jQuery(&quot;#gform_2&quot;)[0].checkValidity || jQuery(&quot;#gform_2&quot;)[0].checkValidity()){window[&quot;gf_submitting_2&quot;]=true;}  jQuery(&quot;#gform_2&quot;).trigger(&quot;submit&quot;,[true]); }">
                                        <span class="button_inner">
                                            <span class="button_icon" aria-hidden="true">

                                                <svg class="icon icon_arrow_right_long">
                                                    <use href="/images/icons.svg#arrow_right_long" />
                                                </svg>

                                            </span>
                                            <span class="button_text">Submit</span>
                                        </span>
                                    </button>
                                    <input type="hidden" class="gform_hidden" name="is_submit_2" value="1">
                                    <input type="hidden" class="gform_hidden" name="gform_submit" value="2">

                                    <input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
                                    <input type="hidden" class="gform_hidden" name="state_2" value="WyJbXSIsIjNlNTU4N2ExZDhkNTg4YjVjYTA4N2VlYzI4MjI3YWNmIl0=">
                                    <input type="hidden" class="gform_hidden" name="gform_target_page_number_2" id="gform_target_page_number_2" value="0">
                                    <input type="hidden" class="gform_hidden" name="gform_source_page_number_2" id="gform_source_page_number_2" value="1">
                                    <input type="hidden" name="gform_field_values" value="">

                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <figure class="newsletter_cta_image_wrapper newsletter_cta_image_wrapper_lg">

                    <img class="newsletter_cta_image" srcset="https://images.fastspot.com/framework/740x740/1 740w, https://images.fastspot.com/framework/300x300/1 300w, https://images.fastspot.com/framework/500x500/1 500w, https://images.fastspot.com/framework/100x100/1 100w" sizes="(min-width: 1400px) 347px, (min-width: 1220px) 302px, (min-width: 980px) 240px, 0px" src="https://images.fastspot.com/framework/100x100/1" alt="" loading="lazy" width="100" height="100">
                </figure>
            </div>
        </div>
    </div>
</div>
<div class="newsletter_cta theme_{{ theme|default('light_blue') }}">
	<div class="fs-row">
		<div class="fs-cell fs-lg-10 fs-lg-justify-center">
			<div class="newsletter_cta_inner">
				<figure class="newsletter_cta_image_wrapper newsletter_cta_image_wrapper_sm">
					{% include "@partial-image" with {
						class: 'newsletter_cta',
						image: image,
						alt: alt,
						sources: [
							img.square.sml,
							img.square.xxsml,
							img.square.xsml,
							img.square.thumb,
						],
						sizes: [
							'(min-width: 980px) 0px',
							'(min-width: 780px) 556px',
							'(min-width: 380px) calc(80vw - 52px)',
							'236px',
						],
					} %}
				</figure>
				<div class="newsletter_cta_content">
					<h2 class="newsletter_cta_title">{{ title }}</h2>
					{% if description %}
						<div class="newsletter_cta_description typography">
							{{ description }}
						</div>
					{% endif %}
					<div class="newsletter_cta_form">
						<div class="gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework" data-form-theme="gravity-theme" data-form-index="0" id="gform_wrapper_2">
						<div class="gform_heading">
							<h2 class="gform_title">Join Our Newsletter</h2>
							<p class="gform_description"></p>
						</div><form method="post" enctype="multipart/form-data" id="gform_2" action="/learn-and-explore/" data-formid="2" novalidate="">
						<div class="gform-body gform_body"><div id="gform_fields_2" class="gform_fields top_label form_sublabel_below description_below validation_below"><div id="field_2_1" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_1"><label class="gfield_label gform-field-label" for="input_2_1">Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class="ginput_container ginput_container_email">
							<input name="input_1" id="input_2_1" type="email" value="" class="large" aria-required="true" aria-invalid="false" placeholder="Email">
						</div></div></div></div>
		<div class="gform_footer before"> <button type="submit" id="gform_submit_button_2" class="gform_button button" value="Submit" onclick="if(window[&quot;gf_submitting_2&quot;]){return false;}  if( !jQuery(&quot;#gform_2&quot;)[0].checkValidity || jQuery(&quot;#gform_2&quot;)[0].checkValidity()){window[&quot;gf_submitting_2&quot;]=true;}  " onkeypress="if( event.keyCode == 13 ){ if(window[&quot;gf_submitting_2&quot;]){return false;} if( !jQuery(&quot;#gform_2&quot;)[0].checkValidity || jQuery(&quot;#gform_2&quot;)[0].checkValidity()){window[&quot;gf_submitting_2&quot;]=true;}  jQuery(&quot;#gform_2&quot;).trigger(&quot;submit&quot;,[true]); }">
		<span class="button_inner">
			<span class="button_icon" aria-hidden="true">
				{{ icon('arrow_right_long') }}
			</span>
			<span class="button_text">Submit</span>
		</span>
	</button>
			<input type="hidden" class="gform_hidden" name="is_submit_2" value="1">
			<input type="hidden" class="gform_hidden" name="gform_submit" value="2">

			<input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
			<input type="hidden" class="gform_hidden" name="state_2" value="WyJbXSIsIjNlNTU4N2ExZDhkNTg4YjVjYTA4N2VlYzI4MjI3YWNmIl0=">
			<input type="hidden" class="gform_hidden" name="gform_target_page_number_2" id="gform_target_page_number_2" value="0">
			<input type="hidden" class="gform_hidden" name="gform_source_page_number_2" id="gform_source_page_number_2" value="1">
			<input type="hidden" name="gform_field_values" value="">

		</div>
						</form>
						</div>
					</div>
				</div>
				<figure class="newsletter_cta_image_wrapper newsletter_cta_image_wrapper_lg">
					{% include "@partial-image" with {
						class: 'newsletter_cta',
						image: image,
						alt: alt,
						sources: [
							img.square.sml,
							img.square.xxsml,
							img.square.xsml,
							img.square.thumb,
						],
						sizes: [
							'(min-width: 1400px) 347px',
							'(min-width: 1220px) 302px',
							'(min-width: 980px) 240px',
							'0px',
						],
					} %}
				</figure>
			</div>
		</div>
	</div>
</div>

No notes defined.