/* @import url('http://example.com/example_style.css'); */

@font-face {
 font-family: 'Gilroy-Bold'; 
 src: url('https://info.truenorthsolar.com.au/hubfs/assets/fonts/Gilroy-Bold.eot') format('eot'), url('https://info.truenorthsolar.com.au/hubfs/assets/fonts/Gilroy-Bold.woff') format('woff'), url('https://info.truenorthsolar.com.au/hubfs/assets/fonts/Gilroy-Bold.ttf') format('truetype');
}
@font-face {
 font-family: 'Gilroy-SemiBold'; 
 src: url('https://info.truenorthsolar.com.au/hubfs/assets/fonts/Gilroy-SemiBold.eot') format('eot'), url('https://info.truenorthsolar.com.au/hubfs/assets/fonts/Gilroy-SemiBold.woff') format('woff'), url('https://info.truenorthsolar.com.au/hubfs/assets/fonts/Gilroy-SemiBold.ttf') format('truetype');
}


h1, h2 {
  font-family: 'Gilroy-Bold', sans-serif !important;
}

h3, h4, h5, h6 {
  font-family: 'Gilroy-SemiBold', sans-serif !important;
}

body, p, li, a {
  font-family: 'Gilroy-SemiBold', sans-serif !important;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .0125rem;
}

body, p, li {
  margin: 0 0 0.9375rem;
}

h1 {
  line-height: 1.1;
  font-size: 2.5rem;
}

h2 {
  font-size: 1.875rem;
  line-height: 1.2;
}

h3 {
  font-size: 1.625rem;
  line-height: 1.15384615;
}

h4 {
  font-size: 1.625rem;
  line-height: 1.15384615;
}

h5 {
  font-size: 1.375rem;
  line-height: 1.27272727;
}

h6 {
  font-size: 1.375rem;
  line-height: 1.27272727;
}


.hs-button {
  background-color: #1c99d6 !important;
  padding: 0.9375rem 1.875rem !important;
  border: 1px solid #1c99d6 !important;
  max-width: 40%; !important;
  float: left !important;
}
.hs-button:hover {
    background-color: #181464 !important;
  padding: 1.2rem 1.875rem !important;
  border: 1px solid #181464 !important;
}
body {
    margin-bottom: 0 !important;
}
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item a:not(.button):not(.hs-button){
    color: #272727 !important;
}
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-children-wrapper a:not(.button):not(.hs-button) {
   color: #ffffff !important;
}
.hero-section__foreground--form {
    background-image: linear-gradient(269deg, rgb(0, 170, 223) 0%, rgb(0, 113, 188) 100%) !important;
    background: linear-gradient(269deg, #00aadf 0%, #0071bc 100%) !important;
    padding: 40px !important;
}

.hero-section__foreground--form .hs-button {
    width: 50% !important;
}

.hs-form .actions {
    text-align: left;
}

.custom-form--boxin {
  padding-bottom: 100px !important;
}