THIS IS A HERO BANNER

Hero banner with video as background and round corner shape. How to use it:

1. Title & description: the first step is to add your page title and select the header type (use H1 if you are using this module as the hero banner). Then, add supporting copy to the description rich text area if desired.
2. Buttons: next, you will find the option to add buttons. Under button type, you can select if you want to add a normal button or a HubSpot CTA (HubSpot CTAs are trackable). Once you add a button, you need to link it; otherwise, it won't display.
3. Layout: here you will find the settings for the banner layout. 
   - Banner height: here you can choose the banner height (we recommend using the dynamic option to keep it responsive)
   - Intro width: here you have two options: narrow and default (this will allow the copy to expand to the right). 
   - Other layout settings: you will also find tickboxes where you can make the content of the banner go full-width, to align the content to the center, and margin options.
4. Style: here you can control the styling settings of your banner.
   - Color scheme: select light mode if the copy is over a light background (the copy will be black) and dark mode if the copy is over a dark background (the copy will be white)
   - Title size and style: here you can keep the default option (it will use what was set on the Theme settings) or override it if desired.
   - Background options: color, video/image with overlay, gradient, or transparent.
   - Shape divider: to replicate the shape this banner is using, you must select corner rounded > position: bottom > flip horizontally and vertically > color: #FFFFF
5. Custom class: here you can add CSS classes for styling if required.
6. Is in viewport tickbox: tick this box if the banner is the first module of the page, to keep it responsive.