



:root {
  
  /* layout/default breakpoints */
  --bp-default: 1024px;
  --bp-mobile: 768px;

  /* layout/grid system */
  --container: 1240;
  --gutter: 32;
  --column-width: 74;
  --container-margin: 20px;
  
  --col12: var(--container);
  --col11: calc((var(--column-width) * 11) + (var(--gutter) * 10));
  --col10: calc((var(--column-width) * 10) + (var(--gutter) * 9));
  --col9: calc((var(--column-width) * 9) + (var(--gutter) * 8));
  --col8: calc((var(--column-width) * 8) + (var(--gutter) * 7));
  --col7: calc((var(--column-width) * 7) + (var(--gutter) * 6));
  --col6: calc((var(--column-width) * 6) + (var(--gutter) * 5));
  --col5: calc((var(--column-width) * 5) + (var(--gutter) * 4));
  --col4: calc((var(--column-width) * 4) + (var(--gutter) * 3));
  --col3: calc((var(--column-width) * 3) + (var(--gutter) * 2));
  --col2: calc((var(--column-width) * 2) + (var(--gutter) * 1));
  --col1: calc((var(--column-width) * 1));
  
  /* layout/section/horizontal padding */
  --section-hor-padding-xxlarge: 160px;
  --section-hor-padding-xlarge: 128px;
  --section-hor-padding-large: 96px;
  --section-hor-padding-medium: 64px;
  --section-hor-padding-default: 48px;
  --section-hor-padding-small: 32px;
  --section-hor-padding-xsmall: 16px;
  --section-hor-padding-none: 0px;

  /* layout/section/vertical padding */
  --section-ver-padding-xxlarge: 160px;
  --section-ver-padding-xlarge: 128px;
  --section-ver-padding-large: 96px;
  --section-ver-padding-medium: 64px;
  --section-ver-padding-default: 48px;
  --section-ver-padding-small: 32px;
  --section-ver-padding-xsmall: 16px;
  --section-ver-padding-none: 0px;
  
  /* layout/section/gap */
  --section-gap-xxlarge: 160px;
  --section-gap-xlarge: 128px;
  --section-gap-large: 96px;
  --section-gap-medium: 64px;
  --section-gap-default: 48px;
  --section-gap-small: 32px;
  --section-gap-xsmall: 16px;
  --section-gap-none: 0px;
  
  /* layout/section/responsiveness index */
  --section-r-index: 2;
  
  /* layout/module/horizontal padding */
  --module-hor-padding-xlarge: 96px;
  --module-hor-padding-large: 64px;
  --module-hor-padding-medium: 48px;
  --module-hor-padding-default: 32px;
  --module-hor-padding-small: 24px;
  --module-hor-padding-xsmall: 16px;
  --module-hor-padding-xxsmall: 8px;
  --module-hor-padding-xxxsmall: 4px;
  --module-hor-padding-none: 0px;
  
  /* layout/module/vertical padding */
  --module-ver-padding-xlarge: 96px;
  --module-ver-padding-large: 64px;
  --module-ver-padding-medium: 48px;
  --module-ver-padding-default: 32px;
  --module-ver-padding-small: 24px;
  --module-ver-padding-xsmall: 16px;
  --module-ver-padding-xxsmall: 8px;
  --module-ver-padding-xxxsmall: 4px;
  --module-ver-padding-none: 0px;
  
  /* layout/module/gap */
  --module-gap-xlarge: 96px;
  --module-gap-large: 64px;
  --module-gap-medium: 48px;
  --module-gap-default: 32px;
  --module-gap-small: 24px;
  --module-gap-xsmall: 16px;
  --module-gap-xxsmall: 8px;
  --module-gap-xxxsmall: 4px;
  --module-gap-none: 0px;
  
  /* layout/module/gutter */
  --module-gutter-xlarge: 96px;
  --module-gutter-large: 64px;
  --module-gutter-medium: 48px;
  --module-gutter-default: 32px;
  --module-gutter-small: 24px;
  --module-gutter-xsmall: 16px;
  --module-gutter-xxsmall: 8px;
  --module-gutter-xxxsmall: 4px;
  --module-gutter-none: 0px;
  
  /* layout/module/responsiveness index */
  --module-r-index: 2;

  /* typography/responsiveness heading index */
  --heading-r-index: 1.333;
  
  /* design/module/ */
  
  /* design/transition speed */
  --transition-speed-fast: 0.15s;
  --transition-speed-default: 0.25s;
  --transition-speed-slow: 0.35s;
  --transition-speed-xslow: 0.45s;

}

/* 2. typography */

/* remove the support after v3 version */

  

  

/* END remove the support after v3 version */

body {
  font-family: Century Gothic - regular;
  font-weight: 400; font-family: 'Century Gothic - regular';
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 1.75;
  color: rgba(76, 76, 77, 1.0);
  background-color: rgba(255, 255, 255, 1.0);
}

.gb-link,
a{
  color: rgba(19, 0, 120, 1.0);
}

.gb-link:hover,
a:hover{
  color: rgba(229, 0, 62, 1.0);
}

.gb-small-font,
small {
  font-family: Century Gothic - regular;
  font-weight: 400; font-family: 'Century Gothic - regular';
  font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -0.5px;
  line-height: 1.25;
  color: rgba(19, 0, 120, 1.0);
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  color: rgba(229, 0, 62, 1.0);
}

h1 {
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 35px;
}

h2 {
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 30px;
}

h3 {
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 20px;
}

h4 {
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 18px;
}

h5 {
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 16px;
}

h6 {
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 15px;
}

.gb-highlighted-small-font{
  font-family: Century Gothic - regular;
  font-weight: 400; font-family: 'Century Gothic - regular';
  font-size: 15px;
}

/* 3. design */

.gb-module-light-color{
  color: rgba(239, 243, 244, 1.0);
}

.gb-module-primary-color{
  color: rgba(19, 0, 120, 1.0);
}

.gb-module-secondary-color{
  color: rgba(19, 0, 120, 1.0);
}

.gb-module-light-background-color{
  background-color: rgba(239, 243, 244, 1.0);
}

.gb-module-primary-background-color{
  background-color: rgba(19, 0, 120, 1.0);
}

.gb-module-secondary-background-color{
  background-color: rgba(19, 0, 120, 1.0);
}

.gb-module-border-radius--default{
  border-radius: 6px;
}

.gb-module-border--primary{
  border: 1px solid rgba(231, 236, 238, 1.0);
}

.gb-module-border--secondary{
  border: 1px solid rgba(187, 196, 200, 1.0);
}

.gb-module-border--light{
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.gb-module-shadow--primary{	
  box-shadow: 0px 12px 100px 0px rgba(239, 243, 244, 0.06);
}

.gb-module-shadow--secondary{	
  box-shadow: 0px 4px 32px 0px rgba(239, 243, 244, 0.08);
}

blockquote{
  background: rgba(239, 243, 244, 1.0);
  border-width: 1px;
  border-color: rgba(231, 236, 238, 1.0);
  border-left-color: rgba(19, 0, 120, 1.0);
}

hr{
  border-top-width: 1px;
  border-top-color: rgba(231, 236, 238, 1.0);
}

.gb-label{
  font-family: Century Gothic - regular;
  font-weight: 400; font-family: 'Century Gothic - regular';
  font-size: 12px;
  line-height: 3.4000000000000004;
}

/* module/testimonial */
.gb-module-testimonial--default .gb-icon path {
  fill: rgba(19, 0, 120, 1.0);
}

.gb-module-testimonial--default .gb-module-testimonial-text{
  font-family: Century Gothic - regular;
  font-weight: 400; font-family: 'Century Gothic - regular';
  font-size: 18px;
}

.gb-module-testimonial--default .gb-module-testimonial-author--name .name{
  font-family: Century Gothic - regular;
  font-weight: 400; font-family: 'Century Gothic - regular';
  font-size: 15px;
  color: rgba(19, 0, 120, 1.0);
}

.gb-module-blog-post-comment .comment-date,
.gb-module-testimonial--default .gb-module-testimonial-author--name .title{
  font-family: Century Gothic - regular;
  font-weight: 400; font-family: 'Century Gothic - regular';
  font-size: 15px;
  color: rgba(76, 76, 77, 1.0);
}

.gb-module-testimonial--default .gb-module-testimonial-author--logo{
  border-left-color: rgba(231, 236, 238, 1.0); 
}

.gb-module-testimonial--default .gb-module-testimonial-media-link{
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 18px;
  color: rgba(239, 243, 244, 1.0);
}

.gb-module-testimonial--default.gb-module-testimonial--variant_2 .gb-module-testimonial-media-overlay{
  background-color: rgba(19, 0, 120, 0.4);
}

/* 4. buttons */
.gb-system-template button,
.gb-module-button--default a{
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 16px;
  padding: 18px 24px;
  border-radius: 30px;
}

.gb-module-button--large a{
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 18px;
  padding: 22px 40px;
  border-radius: 30px;
}

.gb-header-search-box button,
.gb-module-button--small a{
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 30px;
}

.gb-system-template button,
.gb-header-search-box button,
.gb-module-button--primary a{
  background-color: rgba(19, 0, 120, 1.0);
  border-width: 2px;
  border-color: rgba(19, 0, 120, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.gb-system-template button path,
.gb-module-button--primary a path{
  fill: rgba(255, 255, 255, 1.0);
}

.gb-system-template button:hover,
.gb-header-search-box button:hover,
.gb-module-button--primary.active a,
.gb-module-button--primary a:hover{
  background-color: rgba(229, 0, 62, 1.0);
  border-color: rgba(229, 0, 62, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.gb-system-template button:hover path,
.gb-module-button--primary.active a path,
.gb-module-button--primary a:hover path{
  fill: rgba(255, 255, 255, 1.0);
}



.gb-module-button--secondary a{
  background-color: rgba(229, 0, 62, 1.0);
  border-width: 3px;
  border-color: rgba(229, 0, 62, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.gb-module-button--secondary a path{
  fill: rgba(255, 255, 255, 1.0);
}

.gb-module-button--secondary.active a,
.gb-module-button--secondary a:hover{
  background-color: rgba(19, 0, 120, 0.9);
  border-color: rgba(19, 0, 120, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.gb-module-button--secondary.active a path,
.gb-module-button--secondary a:hover path{
  fill: rgba(255, 255, 255, 1.0);
}



.gb-module-button--tertiary a{
  background-color: rgba(19, 0, 120, 1.0);
  border-width: 2px;
  border-color: rgba(19, 0, 120, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.gb-module-button--tertiary a path{
  fill: rgba(255, 255, 255, 1.0);
}

.gb-module-button--tertiary.active a,
.gb-module-button--tertiary a:hover{
  background-color: rgba(229, 0, 62, 1.0);
  border-color: rgba(229, 0, 62, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.gb-module-button--tertiary.active a path,
.gb-module-button--tertiary a:hover path{
  fill: rgba(255, 255, 255, 1.0);
}


.gb-module-button--tertiary a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(19, 0, 120, 1.0), rgba(239, 243, 244, 1.0));
  z-index: 1;
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
}

.gb-module-button--tertiary a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(239, 243, 244, 1.0), rgba(229, 0, 62, 1.0));
  z-index: 2;
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
}

.gb-module-button--tertiary a>span{
  z-index: 3;
}

.gb-module-button--tertiary a:hover::after {
  opacity: 1;
}


.gb-module-button--text a{
  color: rgba(19, 0, 120, 1.0);
}

.gb-module-button--text a path{
  fill: rgba(19, 0, 120, 1.0);
}

.gb-module-button--text.active a,
.gb-module-button--text a:hover{
  color: rgba(229, 0, 62, 1.0);
}

.gb-module-button--text.active a path,
.gb-module-button--text a:hover path{
  fill: rgba(229, 0, 62, 1.0);
}

.gb-module-button--cta a{
  background-color: rgba(229, 0, 62, 1.0);
  border-width: 2px;
  border-color: rgba(229, 0, 62, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.gb-module-button--cta a path{
  fill: rgba(255, 255, 255, 1.0);
}

.gb-module-button--cta.active a,
.gb-module-button--cta a:hover{
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 255, 255, 1.0);
  color: rgba(229, 0, 62, 1.0);
}

.gb-module-button--cta.active a path,
.gb-module-button--cta a:hover path{
  fill: rgba(229, 0, 62, 1.0);
}



/* 5. form */

.hs-form{
  font-family: helvetica;
  files: [{file=https://522327.fs1.hubspotusercontent-na1.net/hubfs/522327/Century%20Gothic%20Bold%20Italic.otf, fileId=177145854355, format=opentype, id=15089161}]; font-family: helvetica; font-style: normal; font-weight: normal; name: Bold Italic; style: {"font-weight":700, "font-style":"italic"}; svgUrl: https://522327.fs1.hubspotusercontent-na1.net/hubfs/522327/marketer_assets/fonts/Century_Gothic_-_regular/Bold%20Italic-1725016782170.svg; text-decoration: none;
  font-size: 15px;
  color: #4c4c4d;
  line-height: 1.75;
}

.legal-consent-container{
  font-family: helvetica;
  files: [{file=https://522327.fs1.hubspotusercontent-na1.net/hubfs/522327/Century%20Gothic%20Bold%20Italic.otf, fileId=177145854355, format=opentype, id=15089161}]; font-family: helvetica; font-style: normal; font-weight: normal; name: Bold Italic; style: {"font-weight":700, "font-style":"italic"}; svgUrl: https://522327.fs1.hubspotusercontent-na1.net/hubfs/522327/marketer_assets/fonts/Century_Gothic_-_regular/Bold%20Italic-1725016782170.svg; text-decoration: none;
  font-size: 15px;
  color: #4C4C4D;
  line-height: 1.75;
}

.gb-system-template input,
.gb-header-search-box input,
.hs-input {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(187, 196, 200, 1.0);
  border-width: 1px;
  border-radius: 4px;
  padding: 12px 12px;
  font-family: helvetica;
  files: [{file=https://522327.fs1.hubspotusercontent-na1.net/hubfs/522327/Century%20Gothic%20Bold%20Italic.otf, fileId=177145854355, format=opentype, id=15089161}]; font-family: helvetica; font-style: normal; font-weight: normal; name: Bold Italic; style: {"font-weight":700, "font-style":"italic"}; svgUrl: https://522327.fs1.hubspotusercontent-na1.net/hubfs/522327/marketer_assets/fonts/Century_Gothic_-_regular/Bold%20Italic-1725016782170.svg; text-decoration: none;
  font-size: 15px;
  color: #4c4c4d;
  line-height: 1.75;
}


@media (max-width: 1023px) {
  .gb-system-template input,
  .gb-header-search-box input,
  .hs-input {
    font-size: 16px;
  }
}


.gb-system-template input:focus,
.gb-header-search-box input:focus,
.hs-input:focus {
  background-color: rgba(246, 251, 254, 1.0);
  border-color: rgba(187, 196, 200, 1.0);
}

.gb-system-template input::placeholder,
.gb-header-search-box input::placeholder,
.hs-input::placeholder {
  color: #4c4c4d;
}

.hs-fieldtype-select select.hs-input svg path {
  fill: #4c4c4d;
}

.hs-fieldtype-select select.hs-input:hover~svg path {
  fill: #4c4c4d;
}

select.hs-input:focus:hover {
  border-color: rgba(187, 196, 200, 1.0);
}

select.hs-input option {
  background-color: rgba(255, 255, 255, 1.0);
  color: #4c4c4d;
}

.hs-fieldtype-date .hs-dateinput svg path {
  fill: #4c4c4d;
}

.hs-fieldtype-date .hs-dateinput:hover svg path {
  fill: #4c4c4d;
}

.hs-fieldtype-date .hs-input:focus:hover {
  border-color: rgba(187, 196, 200, 1.0);
}

.hs-fieldtype-date .hs-datepicker .fn-date-picker .pika-button:hover {
  background-color: #4c4c4d !important;
}

.hs-fieldtype-date .hs-datepicker .fn-date-picker .is-selected .pika-button {
  background-color: rgba(255, 255, 255, 1.0);
  color: #4c4c4d
}

.hs-fieldtype-date .hs-datepicker .fn-date-picker .is-today .pika-button {
  color: #4c4c4d
}

.hs-form-field>label{
  font-family: helvetica;
  font-family: helvetica; font-style: normal; font-weight: 700; text-decoration: none;
  font-size: 14px;
  color: #4c4c4d;
  line-height: ;
}

.hs-form legend{
  color: #4C4C4D;
}

.hs-form-required{
  color: rgba(221, 45, 45, 1.0);
}

.hs-input.error {
  border-color: rgba(221, 45, 45, 1.0);
}

ul.hs-error-msgs label {
  color: rgba(221, 45, 45, 1.0);
}

.legal-consent-container .hs-error-msgs label {
  color: rgba(221, 45, 45, 1.0) !important;
}

.hs_error_rollup {
  border-color: rgba(221, 45, 45, 1.0);
  border-width: 1px;
}

[class*="form-columns"]>.hs-fieldtype-booleancheckbox {
  background-color: rgba(76, 76, 77, 0.08);
  border-radius: 4px;
}

.gb-system-template input[type=submit],
.hs-submit input[type=submit] {
  font-family: Century Gothic - regular;
  font-weight: 600; font-family: 'Century Gothic - regular';
  font-size: 16px;
  padding: 18px 24px;
  border-radius: 30px;
  background-color: rgba(19, 0, 120, 1.0);
  border-width: 2px;
  border-color: rgba(19, 0, 120, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.gb-system-template input[type=submit]:hover,
.hs-submit input[type=submit]:hover{
  background-color: rgba(229, 0, 62, 1.0);
  border-color: rgba(229, 0, 62, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

/* 6. blog */

.gb-module-blog-post-comment .comment.depth-0{
  border-top: 1px solid rgba(231, 236, 238, 1.0);
}