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

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

@font-face {
    font-family: "Proxima Nova";
    font-weight: 400;
    font-style: normal;
    src: 
        url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-reg-webfont.ttf") format('truetype'), 
        url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-reg-webfont.woff") format('woff'), 
        url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-reg-webfont.woff2") format('woff2'),
    font-display: swap;
}

@font-face {
  font-family: "Proxima Nova";
  font-style: italic;
  src: 
      url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-reg-it-webfont.ttf") format('truetype'), 
      url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-reg-it-webfont.woff") format('woff'), 
      url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-reg-it-webfont.woff2") format('woff2');
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova";
  font-weight: 500;
  src: 
      url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-semibold-webfont.ttf") format('truetype'), 
      url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-semibold-webfont.woff") format('woff'), 
      url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-semibold-webfont.woff2") format('woff2');
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova";
  font-weight: bold;
  src: 
      url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-bold-webfont.ttf") format('truetype'), 
      url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-bold-webfont.woff") format('woff'), 
      url("//25891469.fs1.hubspotusercontent-eu1.net/hubfs/25891469/raw_assets/public/SR%20Blog/fonts/proxima_nova/proxima-nova-bold-webfont.woff2") format('woff2');
  font-display: swap;
}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

body {
	font-family: "Proxima Nova", Arial, sans-serif;
}
h1,
.h1 {
	font-family: "Proxima Nova", Arial, sans-serif;
}

h2,
.h2 {
	font-family: "Proxima Nova", Arial, sans-serif;
}

h3,
.h3 {
	font-family: "Proxima Nova", Arial, sans-serif;
}

h4,
.h4 {
	font-family: "Proxima Nova", Arial, sans-serif;
}

h5,
.h5 {
	font-family: "Proxima Nova", Arial, sans-serif;
}

h6,
.h6 {
	font-family: "Proxima Nova", Arial, sans-serif;
}

.display-1 {
	font-family: "Proxima Nova", Arial, sans-serif;
}
.display-2 {
	font-family: "Proxima Nova", Arial, sans-serif;
}
.display-3 {
	font-family: "Proxima Nova", Arial, sans-serif;
}
.display-4 {
	font-family: "Proxima Nova", Arial, sans-serif;
}

p.lead, p.large {
	font-family: "Proxima Nova", Arial, sans-serif;
}
blockquote {
	font-family: "Proxima Nova", Arial, sans-serif;
}
.btn,
.btn-wrapper .cta_button,
.btn-wrapper .cta-button,
.btn-wrapper input[type="submit"],
.btn-wrapper input[type="button"],
input[type="submit"],
input[type="button"]    {
	font-family: "Proxima Nova", Arial, sans-serif;
}
.navbar .navbar-nav .dropdown .dropdown-item,
.navbar .navbar-nav .nav-link,
.btn-wrapper.btn-primary-wrapper.d-xl-inline a,
.no-button.header__menu-link,
.header__menu-link {
	font-family: "Proxima Nova", Arial, sans-serif;
}


.sr-blog-hero-banner {
  background: linear-gradient(to bottom right, #00b388, #041e42);
  position: relative;
  padding: 80px 20px 130px;
  overflow: hidden;
  width: 100%;
}

.sr-cover-image {
  position: absolute;
  width: 100%;
  height: 25%; /* Adjust the height as needed */
  bottom: 0;
  left: 0;
  background-image: url('https://www.automicgroup.com.au/hubfs/automic-pattern-diagonal-lines.svg');
  background-size: auto;
  background-position: center center;
}

.sr-blog-hero-banner__title {
  border-left: 5px solid white;
  padding-left: 20px;
  margin-left: 15vw;
}

@media (max-width: 1300px) {
  .sr-blog-hero-banner__title {
    margin-left: 10vw;
  }
}

@media (max-width: 768px) {
  
  .sr-blog-hero-banner {
    padding: 50px 20px 100px;
  }
  
  .sr-blog-hero-banner__title {
    margin-left: 5vw;
  }
}

.sr-blog-hero-banner__title h3, .sr-blog-hero-banner__title h1 {
  text-align: left;
  margin: 0;
  color: white;
}

.sr-blog-hero-banner__title h3 {
  margin-bottom: 10px;
}


/* Styling only specific to client success blog template v2 */

.blog-content-client-success hr {
  border-top: 2px solid #00B388;
}

.blog-content-client-success h1 {
  color: #ffffff;
}

.blog-content-client-success h2, 
.blog-content-client-success h3, 
.blog-content-client-success h4, 
.blog-content-client-success h5, 
.blog-content-client-success h6 {
  color: #00B388;
}

.custom-table td {
  border: 1px solid black;
}