<div class="form">

    <div class="amform-parent">
        <div class="amcform-popup-block" data-form-id="5">
            <div class="amcform-popup">

                <form class="rendered-form amform-form amform-content default" id="amform-form-5" data-amform-id="5" action="https://www.solarwood.test/amasty_customform/form/submit/" enctype="multipart/form-data" method="post" novalidate="novalidate" fake="25bed339fe355c07"
                    data-form-type="other">

                    <input name="form_key" type="hidden" value="jZu7DgQ2ywMyAKlv">
                    <input name="form_id" type="hidden" value="5">
                    <input name="is_survey" type="hidden" value="0">
                    <div class="amform-form-fieldset fieldset">
                        <div class="insert-container fields">
                            <div data-amcform-js="multi-page" class="amcform-multi-page fieldset ui-tabs ui-corner-all ui-widget ui-widget-content">
                                <div id="page-0" class="amcform-page-wrap fields ui-tabs-panel ui-corner-bottom ui-widget-content" aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="false">
                                    <div class="field fb-text form-group field-firstname amform-layout-two"><label for="firstname" class="fb-text-label label">Uw voornaam <span
                                        class="required">*</span> </label>
                                        <div class="control">
                                            <span id="1681505859756-2" style="color: initial; font: initial;
                                                  font-palette: initial; font-synthesis: initial;
                                                  forced-color-adjust: initial;
                                                  text-orientation: initial;
                                                  text-rendering: initial;
                                                  -webkit-font-smoothing: initial;
                                                  -webkit-locale: initial;
                                                  -webkit-text-orientation: initial;
                                                  -webkit-writing-mode: initial;
                                                  writing-mode: initial; zoom: initial;
                                                  accent-color: initial; place-content: initial;
                                                  place-items: initial; place-self: initial;
                                                  alignment-baseline: initial; animation: initial;
                                                  app-region: initial; appearance: initial;
                                                  aspect-ratio: initial; backdrop-filter: initial;
                                                  backface-visibility: initial;
                                                  background-blend-mode: initial; baseline-shift: initial;
                                                  baseline-source: initial; block-size: initial;
                                                  border-block: initial; border: none;
                                                  border-radius: initial; border-collapse: initial;
                                                  border-end-end-radius: initial; border-end-start-radius: initial;
                                                  border-inline: initial; border-start-end-radius: initial;
                                                  border-start-start-radius: initial; bottom: initial;
                                                  box-shadow: initial; box-sizing: initial;
                                                  break-after: initial; break-before: initial;
                                                  break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; container: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphens: initial; image-orientation: initial; image-rendering: initial; initial-letter: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 145px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; math-depth: initial; math-shift: initial; math-style: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; object-view-box: initial; offset: initial; opacity: 1; order: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; rotate: initial; ruby-position: initial; rx: initial; ry: initial; scale: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 31.3984px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; translate: initial; user-select: initial; vector-effect: initial; vertical-align: initial; view-transition-name: initial; visibility: visible; border-spacing: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;">

                                            </span>
                                            <input type="text" name="firstname" class="form-control required-entry" layout="two" data-validate="{'validate-alpha':true}" id="firstname" data-amcform-js="firstname" aria-required="true" fake="80d0dfd6ee800f68" data-kwimpalastatus="alive" data-kwimpalaid="1681505859756-2"
                                                data-form-type="name,first"></div>
                                    </div>
                                    <div class="field fb-text form-group field-lastame amform-layout-two"><label for="lastame" class="fb-text-label label">Uw achternaam <span
                                        class="required">*</span> </label>
                                        <div class="control">
                                            <input type="text" name="lastame" class="form-control required-entry" layout="two" data-validate="{}" id="lastame" data-amcform-js="lastame" aria-required="true" fake="92ab98a79ec711ea" data-form-type="other">
                                        </div>
                                    </div>
                                    <div class="field fb-text form-group field-email_text amform-layout-one"><label for="email_text" class="fb-text-label label">E-mailadres <span class="required">*</span>
                                    </label>
                                        <div class="control">
                                            <input type="text" name="email_text" class="form-control required-entry" layout="one" data-validate="{}" id="email_text" data-amcform-js="email_text" aria-required="true" data-form-type="other">
                                        </div>
                                    </div>
                                    <div class="field fb-number form-group field-phone_number amform-layout-one">
                                        <label for="phone_number" class="fb-number-label label">
                                            Telefoonnummer <span class="required">*</span>
                                        </label>
                                        <div class="control">
                                            <span id="1681505859756-3" data-dashlanecreated="true" style="color: initial; font: initial; font-palette: initial; font-synthesis: initial; forced-color-adjust: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; animation: initial; app-region: initial; appearance: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background-blend-mode: initial; baseline-shift: initial; baseline-source: initial; block-size: initial; border-block: initial; border: none; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-start-end-radius: initial; border-start-start-radius: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; container: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphens: initial; image-orientation: initial; image-rendering: initial; initial-letter: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 145px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; math-depth: initial; math-shift: initial; math-style: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; object-view-box: initial; offset: initial; opacity: 1; order: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; rotate: initial; ruby-position: initial; rx: initial; ry: initial; scale: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 166.195px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; translate: initial; user-select: initial; vector-effect: initial; vertical-align: initial; view-transition-name: initial; visibility: visible; border-spacing: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span>
                                            <input type="number" name="phone_number" class="form-control required-entry" layout="one" id="phone_number" data-amcform-js="phone_number" aria-required="true" fake="f397e19ac03528d9" data-kwimpalastatus="alive" data-kwimpalaid="1681505859756-3" data-form-type="phone"></div>
                                    </div>
                                    <div class="field fb-select form-group field-request amform-layout-one -has-content">
                                        <label for="request" class="fb-select-label label">Request Type <span
                                            class="required">*</span> </label>
                                        <div class="control"><select type="select" name="request" class="form-control required-entry" layout="one" id="request" data-amcform-js="request" aria-required="true" fake="696ade9144ada4db" data-form-type="other">
                                            <option value="option-1" selected="1">Type 1</option>
                                            <option value="option-2">Type 2</option>
                                            <option value="option-3">Type 3</option>
                                        </select></div>
                                    </div>
                                    <div class="field fb-undefined form-group field-message amform-layout-one"><label for="message" class="fb-textarea-label label">Opmerkingen/Vragen <span
                                        class="required">*</span> </label>
                                        <div class="control"><textarea type="textarea" name="message" class="form-control required-entry" layout="one" id="message" data-amcform-js="message" aria-required="true" fake="34cff94129c9bba3" data-form-type="other"></textarea></div>
                                    </div>
                                    <div class="amcform-toolbar">
                                        <button type="submit" data-amcform-js="submit-button" class="amcform-submit action submit primary " fake="336808722eff6e6d" data-dashlane-label="true" data-form-type="action">Verzenden
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

            </div>
        </div>

    </div>

</div>
<div class="form">

    <div class="amform-parent">
        <div class="amcform-popup-block" data-form-id="5">
            <div class="amcform-popup">


                <form class="rendered-form amform-form amform-content default" id="amform-form-5" data-amform-id="5"
                      action="https://www.solarwood.test/amasty_customform/form/submit/" enctype="multipart/form-data"
                      method="post" novalidate="novalidate" fake="25bed339fe355c07" data-form-type="other">

                    <input name="form_key" type="hidden" value="jZu7DgQ2ywMyAKlv">
                    <input name="form_id" type="hidden" value="5">
                    <input name="is_survey" type="hidden" value="0">
                    <div class="amform-form-fieldset fieldset">
                        <div class="insert-container fields">
                            <div data-amcform-js="multi-page"
                                 class="amcform-multi-page fieldset ui-tabs ui-corner-all ui-widget ui-widget-content">
                                <div id="page-0"
                                     class="amcform-page-wrap fields ui-tabs-panel ui-corner-bottom ui-widget-content"
                                     aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="false">
                                    <div class="field fb-text form-group field-firstname amform-layout-two"><label
                                        for="firstname" class="fb-text-label label">Uw voornaam <span
                                        class="required">*</span> </label>
                                        <div class="control">
                                            <span id="1681505859756-2"
                                                  style="color: initial; font: initial;
                                                  font-palette: initial; font-synthesis: initial;
                                                  forced-color-adjust: initial;
                                                  text-orientation: initial;
                                                  text-rendering: initial;
                                                  -webkit-font-smoothing: initial;
                                                  -webkit-locale: initial;
                                                  -webkit-text-orientation: initial;
                                                  -webkit-writing-mode: initial;
                                                  writing-mode: initial; zoom: initial;
                                                  accent-color: initial; place-content: initial;
                                                  place-items: initial; place-self: initial;
                                                  alignment-baseline: initial; animation: initial;
                                                  app-region: initial; appearance: initial;
                                                  aspect-ratio: initial; backdrop-filter: initial;
                                                  backface-visibility: initial;
                                                  background-blend-mode: initial; baseline-shift: initial;
                                                  baseline-source: initial; block-size: initial;
                                                  border-block: initial; border: none;
                                                  border-radius: initial; border-collapse: initial;
                                                  border-end-end-radius: initial; border-end-start-radius: initial;
                                                  border-inline: initial; border-start-end-radius: initial;
                                                  border-start-start-radius: initial; bottom: initial;
                                                  box-shadow: initial; box-sizing: initial;
                                                  break-after: initial; break-before: initial;
                                                  break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; container: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphens: initial; image-orientation: initial; image-rendering: initial; initial-letter: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 145px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; math-depth: initial; math-shift: initial; math-style: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; object-view-box: initial; offset: initial; opacity: 1; order: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; rotate: initial; ruby-position: initial; rx: initial; ry: initial; scale: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 31.3984px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; translate: initial; user-select: initial; vector-effect: initial; vertical-align: initial; view-transition-name: initial; visibility: visible; border-spacing: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;">

                                            </span>
                                            <input type="text" name="firstname" class="form-control required-entry"
                                                   layout="two" data-validate="{'validate-alpha':true}" id="firstname"
                                                   data-amcform-js="firstname" aria-required="true"
                                                   fake="80d0dfd6ee800f68" data-kwimpalastatus="alive"
                                                   data-kwimpalaid="1681505859756-2" data-form-type="name,first"></div>
                                    </div>
                                    <div class="field fb-text form-group field-lastame amform-layout-two"><label
                                        for="lastame" class="fb-text-label label">Uw achternaam <span
                                        class="required">*</span> </label>
                                        <div class="control">
                                            <input type="text" name="lastame"
                                                class="form-control required-entry" layout="two"
                                                data-validate="{}" id="lastame"
                                                data-amcform-js="lastame" aria-required="true"
                                                fake="92ab98a79ec711ea"
                                                data-form-type="other">
                                        </div>
                                    </div>
                                    <div class="field fb-text form-group field-email_text amform-layout-one"><label
                                        for="email_text" class="fb-text-label label">E-mailadres <span class="required">*</span>
                                    </label>
                                        <div class="control">
                                            <input type="text" name="email_text"
                                                   class="form-control required-entry" layout="one"
                                                   data-validate="{}" id="email_text"
                                                   data-amcform-js="email_text" aria-required="true"
                                                   data-form-type="other">
                                        </div>
                                    </div>
                                    <div class="field fb-number form-group field-phone_number amform-layout-one">
                                        <label for="phone_number" class="fb-number-label label">
                                            Telefoonnummer <span class="required">*</span>
                                        </label>
                                        <div class="control">
                                            <span id="1681505859756-3" data-dashlanecreated="true"
                                                                   style="color: initial; font: initial; font-palette: initial; font-synthesis: initial; forced-color-adjust: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; animation: initial; app-region: initial; appearance: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background-blend-mode: initial; baseline-shift: initial; baseline-source: initial; block-size: initial; border-block: initial; border: none; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-start-end-radius: initial; border-start-start-radius: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; container: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphens: initial; image-orientation: initial; image-rendering: initial; initial-letter: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 145px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; math-depth: initial; math-shift: initial; math-style: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; object-view-box: initial; offset: initial; opacity: 1; order: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; rotate: initial; ruby-position: initial; rx: initial; ry: initial; scale: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 166.195px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; translate: initial; user-select: initial; vector-effect: initial; vertical-align: initial; view-transition-name: initial; visibility: visible; border-spacing: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span>
                                            <input type="number" name="phone_number" class="form-control required-entry"
                                                   layout="one" id="phone_number" data-amcform-js="phone_number"
                                                   aria-required="true" fake="f397e19ac03528d9"
                                                   data-kwimpalastatus="alive" data-kwimpalaid="1681505859756-3"
                                                   data-form-type="phone"></div>
                                    </div>
                                    <div
                                        class="field fb-select form-group field-request amform-layout-one -has-content">
                                        <label for="request" class="fb-select-label label">Request Type <span
                                            class="required">*</span> </label>
                                        <div class="control"><select type="select" name="request"
                                                                     class="form-control required-entry" layout="one"
                                                                     id="request" data-amcform-js="request"
                                                                     aria-required="true"
                                                                     fake="696ade9144ada4db"
                                                                     data-form-type="other">
                                            <option value="option-1" selected="1">Type 1</option>
                                            <option value="option-2">Type 2</option>
                                            <option value="option-3">Type 3</option>
                                        </select></div>
                                    </div>
                                    <div class="field fb-undefined form-group field-message amform-layout-one"><label
                                        for="message" class="fb-textarea-label label">Opmerkingen/Vragen <span
                                        class="required">*</span> </label>
                                        <div class="control"><textarea type="textarea" name="message"
                                                                       class="form-control required-entry" layout="one"
                                                                       id="message" data-amcform-js="message"
                                                                       aria-required="true"
                                                                       fake="34cff94129c9bba3"
                                                                       data-form-type="other"></textarea></div>
                                    </div>
                                    <div class="amcform-toolbar">
                                        <button type="submit" data-amcform-js="submit-button"
                                                class="amcform-submit action submit primary "
                                                fake="336808722eff6e6d" data-dashlane-label="true"
                                                data-form-type="action">Verzenden
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

            </div>
        </div>

    </div>


</div>
/* No context defined for this component. */
  • Content:
    .amform-form {
        display: flex;
        flex-direction: column;
        .insert-container {
            padding: 0;
            .form-group {
                &.amform-layout-one {
                    margin: 15px 0 0;
                }
                label {
                    font-size: 17px;
                    color: $black;
                    font-weight: 300;
                    @include mq($screen-m) {
                        font-size: 22px;
                    }
                }
                input {
                    width: 100%;
                    height: 48px;
                    padding: 0 16px;
                    border: none;
                    border-bottom: 1px solid #010533;
                    border-radius: 0;
                    margin-bottom: 0.5rem;
                    font-size: 16px;
                }
                textarea {
                    border: 1px solid #010533;
                    border-radius: 0;
                    margin-bottom: 0.5rem;
                    font-size: 16px;
                    width: 100%;
                    padding: 15px;
                }
                select.form-control {
                    height: 47px;
                    min-width: 250px;
                    padding: 5px 10px;
                    font-size: 16px;
                }
            }
            .amcform-toolbar {
                margin-top: 1rem;
                button.amcform-submit.action.submit.primary {
                    color: #000000;
                    background-color: #ffffff;
                    border: 2px solid #000000;
    
                    &:hover {
                        background-color: #000000;
                        color: #fff;
                    }
                }
            }
        }
        .amcform-button {
            display: none;
        }
    }
    .button.amcform-button.-close-popup,
    .amform-show-popup {
        display: none;
    }
    .ask-form-container {
        textarea {
            border: 2px solid #ccc;
            border-radius: 6px;
            margin-bottom: 0.5rem;
            font-size: 16px;
            width: 100%;
            padding: 15px;
            height: 150px;
        }
        input[type="text"] {
            border: 2px solid #ccc;
            border-radius: 6px;
            margin-bottom: 0.5rem;
            font-size: 16px;
            width: 100%;
            padding: 15px;
        }
        input[type="checkbox"] {
            margin-right: 15px;
        }
        .field {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: flex-start;
            margin: 2rem 0;
            .control {
                display: flex;
                width: 100%;
            }
            .label {
                display: flex;
            }
        }
    }
    
  • URL: /components/raw/amasty-form/_amasty-form.scss
  • Filesystem Path: build/components/Templates/amasty-form/_amasty-form.scss
  • Size: 2.5 KB

There are no notes for this item.