Default Dev Script Validation

Default Header After Global Promotions

<avb-main>  <avb-designer-block data-id="1" class="avb-typography dsg-block-1"> <div class="avb-grid "> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-tools-nomp"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content">  <h1 class="avb-typography__heading dsg-tools-nomp"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-light dsg-block-1__heading-line-1" data-aos="slide-up" data-aos-duration="3000"> SERVICES </span> </h1> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="30" class="avb-typography dsg-block-30"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-tools-form-grid dsg-tools-nomp">  <h2 id="service-form" class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-block-30__heading"> Request a Service </h2>  <iframe class="dsg-block-30__form" src="https://avbmarketing.formstack.com/forms/mandm_servicing_form" title="Formstack Form" width="600" height="400"></iframe> </div> </div> </avb-designer-block> </avb-main> <style> /* ==================== Hero block (block-1) ==================== */ .dsg-block-1 { margin: 0 auto; } .dsg-block-1__background { background-image: url(https://cdn.avbportal.com/magento-media/members/ticmma1-mandm/servicing-hero.jpg); position: 0% 50%; } .dsg-block-1__content { padding: 2rem; margin: 0 auto; text-align: center; } .dsg-block-1__heading-line-1 { text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); } .dsg-block-1__heading-line-2 { text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); } @media screen and (min-width: 600px) { .dsg-block-1__content { padding: 4.5rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-1__content { padding: 7rem; } } @media screen and (min-width: 1600px) {} /* ==================== Services CTA (block-26) ==================== */ .dsg-block-26 { margin: 1rem auto; } .dsg-block-26__content { padding: 0 1rem; text-align: left; } .dsg-block-26__heading-line-2 { font-size: 1.25rem; } .dsg-block-26__paragraph { margin: 0 auto 1rem; } .dsg-block-26__list-item { width: 100%; margin-right: 0; } .dsg-block-26__button, .dsg-block-26__button:visited, .dsg-block-26__button:active, .dsg-block-26__button:hover, .dsg-block-26__button:focus { margin-top: 1rem; width: 100%; } @media screen and (min-width: 600px) { .dsg-block-26 { margin: 2rem auto; } .dsg-block-26__button, .dsg-block-26__button:visited, .dsg-block-26__button:active, .dsg-block-26__button:hover, .dsg-block-26__button:focus { width: 10rem; } .dsg-block-26__list-item { width: auto; margin-right: 1rem; } } @media screen and (min-width: 960px) { .dsg-block-26__content { padding: 0 1rem; text-align: left; } .dsg-block-26__button, .dsg-block-26__button:visited, .dsg-block-26__button:active, .dsg-block-26__button:hover, .dsg-block-26__button:focus { width: 14rem; } } @media screen and (min-width: 1280px) { .dsg-block-26 { margin: 3rem auto; } .dsg-block-26__content { padding: 0 2rem; } } @media screen and (min-width: 1600px) {} /* ==================== Service left and right (block-6) ==================== */ /* Background color for alternating blocks */ .dsg-block-6-bg { background-color: #c6deb3; /* Pattern background */ background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url(https://cdn.avbportal.com/magento-media/members/ticmma1-mandm/pattern.jpg); background-repeat: repeat; } /* Image/text order for alternating blocks */ .dsg-block-6__order-a { order: 2; } .dsg-block-6__order-b { order: 1; } .dsg-block-6 { padding: 2rem 1rem; } .dsg-block-6__content { text-align: left; } .dsg-block-6__heading-line-1 { margin: 1rem 0; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-6__order-a { order: 1; } .dsg-block-6__order-b { order: 2; } .dsg-block-6__content { padding: 1rem; } .dsg-block-6__heading-line-1 { margin: 0 0 1rem; } } @media screen and (min-width: 1280px) { .dsg-block-6__content { padding: 2rem; } } @media screen and (min-width: 1600px) {} /* ==================== Service request form (block-30) ==================== */ .dsg-block-30 { margin: 0 auto; } .dsg-form-background-color { background-color: #EEEEEE; } .dsg-tools-form-grid { margin: 0 auto; max-width: 564px; } .dsg-block-30__heading { text-align: center; margin: 0; padding: 2rem 1rem; } .dsg-block-30__form { width: 100%; height: 88rem; } @media screen and (min-width: 600px) { .dsg-block-30__heading { padding: 2rem 0; } } @media screen and (min-width: 960px) { .dsg-tools-form-grid { max-width: 100%; } .dsg-block-30__heading { text-align: center; } .dsg-block-30__form { height: 65rem; } } @media screen and (min-width: 1280px) { .dsg-block-30__heading { padding: 3rem 1rem; } } @media screen and (min-width: 1600px) {} </style>