/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* Generic This is where reset, normalize & box-sizing styles go. */ /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); */ @font-face { font-family: 'Publico Banner'; src: url(https://44379407.fs1.hubspotusercontent-ap1.net/hubfs/44379407/raw_assets/public/Custom_Landing_Page/WPCreative_Landing_Page/css/landing/fonts/PublicoBanner-Roman.woff2) format('woff2'), url(https://44379407.fs1.hubspotusercontent-ap1.net/hubfs/44379407/raw_assets/public/Custom_Landing_Page/WPCreative_Landing_Page/css/landing/fonts/PublicoBanner-Roman.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Inter'; src: url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('../fonts/Inter-SemiBold.woff2') format('woff2'), url('../fonts/Inter-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } */ @font-face { font-family: 'Gellatio Regular'; src: url(https://44379407.fs1.hubspotusercontent-ap1.net/hubfs/44379407/raw_assets/public/Custom_Landing_Page/WPCreative_Landing_Page/css/landing/fonts/Gellatio%20Regular.eot); src: url() format('embedded-opentype'), url(https://44379407.fs1.hubspotusercontent-ap1.net/hubfs/44379407/raw_assets/public/Custom_Landing_Page/WPCreative_Landing_Page/css/landing/fonts/Gellatio%20Regular.woff2%27) format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GellatioPersonalUse'; src: url() format('svg'), url(https://44379407.fs1.hubspotusercontent-ap1.net/hubfs/44379407/raw_assets/public/Custom_Landing_Page/WPCreative_Landing_Page/css/landing/fonts/GellatioPersonalUse.ttf) format('truetype'), url(https://44379407.fs1.hubspotusercontent-ap1.net/hubfs/44379407/raw_assets/public/Custom_Landing_Page/WPCreative_Landing_Page/css/landing/fonts/GellatioPersonalUse.woff) format('woff'); font-weight: normal; font-style: normal; } .inter-300, .inter-400 { font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; } .inter-300 { font-weight: 300; } .inter-400 { font-style: 400; } .inter-500 { font-style: 500; } .inter-600 { font-style: 500; } .inter-700 { font-style: 500; } .inter-800 { font-style: 500; } .inter-900 { font-style: 500; } *, *:before, *:after { box-sizing: border-box; } :root { /* --font-primary : "Inter", sans-serif; */ --font-primary: Inter, sans-serif; --font-publico : "Publico Banner"; --font-gellatio : "Gellatio Regular"; --font-gellatio-personal: 'GellatioPersonalUse'; --color-main: #09102E; --color-orange: #FE9A00; --color-blue: #1A5ECB; --color-black: #1a5ec8; --color-white: #ffffff; --color-light-blue: #7CA6EA; } img { max-width: 100%; height: auto; } a { text-decoration: none; color: var(--color-blue); } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct box sizing in Firefox. */ hr { box-sizing: content-box; height: 0; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Remove the inheritance of text transform in Edge and Firefox. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ legend { padding: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Objects Non-cosmetic design patterns including grid and layout classes) */ /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ body { margin: 0; padding: 0; /* font-family: var(--font-primary); */ color: var(--color-main); font-size: 16px; line-height: 26px; font-weight: 400; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: 400; } .body-wrapper { position: relative; overflow: hidden; } .container { max-width: 1232px; padding-left: 15px; padding-right: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .row > * { padding-left: 15px; padding-right: 15px; } .col { flex: 1 0 0%; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } @media only screen and (max-width: 1440px) { .container { max-width: 1200px; } } @media only screen and (max-width: 1199px) { .container { max-width: 991px; } } @media only screen and (max-width: 991px) { .container { max-width: 768px; padding-left: 24px; padding-right: 24px; } .row { margin-left: -12px; margin-right: -12px; } .row > div[class*="col-"] { padding-left: 12px; padding-right: 12px; width: 100%; } } @media only screen and (max-width: 767px) { .container { max-width: 575px; padding-left: 30px; padding-right: 30px; } .row { margin-left: 0; margin-right: 0; } .row > div[class*="col-"] { padding-left: 0; padding-right: 0; } } /* Elements Base HMTL elements are styled in this section (,

, ,

,