/* Documentation: https://docs.sprocketrocket.co/custom-fonts */

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

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

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');


@font-face {
  font-family: 'Roobert';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('https://14541366.fs1.hubspotusercontent-na1.net/hubfs/14541366/Roobert-Bold.woff') format('woff'),
       url('https://14541366.fs1.hubspotusercontent-na1.net/hubfs/14541366/Roobert-Bold.woff2') format('woff2');
}

:root {
  --color--titles: #151619;
}

html {
 font-size: 16px !important;
}

body {
	font-family: 'Inter', sans-serif;
  font-size: 1.0625rem;
  line-height: 1.47059;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  font-family: 'Roobert', sans-serif;
  color: var(--color--titles);
}

/* ---- H1 ---- */

h1, .h1, .display-1 {  
  font-size: 2rem;
  line-height: 1.14286;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 20rem) {
  h1, .h1, .display-1 {
    font-size: calc(2rem + 1.5 * ((100vw - 20rem)/ 70));
  }
}
@media screen and (min-width: 90rem) {
  h1, .h1, .display-1 {
    font-size: 3.5rem;
  }
}

/* ---- H2 ---- */

h2, .h2, .display-2 {  
  font-size: 1.75rem;
  line-height: 1.16667;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 20rem) {
  h2, .h2, .display-2 {
    font-size: calc(1.75rem + 1.25 * ((100vw - 20rem)/ 70));
  }
}
@media screen and (min-width: 90rem) {
  h2, .h2, .display-2 {
    font-size: 3rem;
  }
}

/* ---- H3 ---- */

h3, .h3, .display-3 {  
  font-size: 1.5rem;
  line-height: 1.1875;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 20rem) {
  h3, .h3, .display-3 {
    font-size: calc(1.5rem + .5 * ((100vw - 20rem)/ 70));
  }
}
@media screen and (min-width: 90rem) {
  h3, .h3, .display-3 {
    font-size: 2rem;
  }
}

/* ---- H4 ---- */

h4, .h4, .display-4 {  
  font-size: 1.125rem;
  line-height: 1.25;
  margin-bottom: 0.625rem;
}
}
@media screen and (min-width: 20rem) {
  h4, .h4, .display-4 {
    font-size: calc(1.125rem + .375 * ((100vw - 20rem)/ 70));
  }
}
@media screen and (min-width: 90rem) {
  h4, .h4, .display-5 {
    font-size: 1.5rem;
  }
}


/* ---- H5/H6 (= body text bold) ---- */

h5, .h5, .display-5,
h6, .h6, .display-6 {
  font-size: 1rem;
  line-height: 1.47059;
  font-weight: bold;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 20rem) {
  h5, .h5, .display-5,
  h6, .h6, .display-6 {
    font-size: calc(1rem + .0625 * ((100vw - 20rem)/ 70));
  }
}
@media screen and (min-width: 90rem) {
  h5, .h5, .display-5,
  h6, .h6, .display-6 {
    font-size: 1.0625rem;
  }
}


p:last-child {
    margin-bottom: 0;
}

blockquote {
	font-family: "";
}
.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: 'Inter', 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: 'Inter', sans-serif;
}

.hs-button {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-weight: 600 !important;
  min-height: 44px !important;
  padding: 12px 24px !important;
}

/*  ---- Spacing ---- */

.sr-spacer-bottom-50 { padding-bottom: 0; }

/*  ----- Responsive Component grid ---- */

/*  !!!! Depens on `component-grid-title` ID on the title of the section*/
/*  3-cols from 490px - 767px breakpoint */
@media screen and (min-width: 30.625rem) and (max-width: 47.9375rem) {
  /*  First row of components */
  .dnd-section:has(#component-grid-title) + .dnd-section [data-widget-type="cell"],
  /*  Second row of components */
  .dnd-section:has(#component-grid-title) + .dnd-section + .dnd-section [data-widget-type="cell"] {
      width: 33.33%;
      padding: 0 10px !important;
  }
}

/*  2-cols until 489px breakpoint */
@media screen and (max-width: 30.5625rem) {
  /*  First row of components */
  .dnd-section:has(#component-grid-title) + .dnd-section [data-widget-type="cell"],
  /*  Second row of components */
  .dnd-section:has(#component-grid-title) + .dnd-section + .dnd-section [data-widget-type="cell"] {
      width: 50%;
      padding: 0 10px !important;
  }
}