:root{
  --font-base: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --cx-page-width-max: 1920px;
  --cx-color-blue-500: #243D89; 
  --cx-color-blue-600: #1C2D63;
  --cx-color-blue-700: #162550; 
  --cx-color-green-500: #C0FF0B;
  --cx-color-green-600: #A4DC00;
  --cx-color-green-700: #86B100;
  --cx-color-gray-100: #FDFCFC;
  --cx-color-gray-200: #F6F2F2;
  --cx-color-gray-300: #EFE9E9;
  --cx-color-gray-400: #E7E0E0;
  --cx-color-gray-500: #DFD7D7;
  --cx-color-gray-600: #D7CFCF;
  --cx-color-text: #1C2D63;
}

body { 
  margin: 0; 
  font-family: var(--font-base); 
  color: var(--cx-color-text);
}

button {
  font-family: var(--font-base); 
}

section {
  max-width: var(--cx-page-width-max);
  margin: auto;
}


h1 {
  margin: 0;
  font-weight: 500;
  font-size: 40px;
  line-height: 56px;
}

h2 {
  margin: 0;
  font-weight: 500;
  font-size: 28px;
}

h3 {
  margin: 0;
  font-weight: 400;
  font-size: 24px;
}

span {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
}

span.cx-text--f16 {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0px;
}

span.cx-text--f20 {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0px;
}

span.cx-text--f24 {
  margin: 0;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0px;
}

span.cx-text--f40 {
  margin: 0;
  font-weight: 400;
  font-size: 40px;
}

span.cx-text-title {
  margin: 0;
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 0px;
  line-height: 56px;
}

span.cx-text-medium--f24 {
  margin: 0;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0px;
}

span.cx-text-medium--f20 {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0px;
}

span.cx-text-medium--f28 {
  margin: 0;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 0px;
}

span.cx-text-xlarge {
  margin: 0;
  font-weight: 500;
  font-size: 36px;
  letter-spacing: 0px;
}

span.cx-text-light {
  margin: 0;
  font-weight: 300;
  font-size: 32px;
  letter-spacing: 0px;
}

span.cx-text-large {
  margin: 0;
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0px;
}

span.cx-text-medium {
  margin: 0;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 0px;
}

span.cx-text-large-extra {
  margin: 0;
  font-size: 48px;
  letter-spacing: 0px;
}

strong.cx-text--underline-green,
span.cx-text--underline-green {
  text-decoration: underline;
  text-decoration-color: var(--cx-color-green-500);
  text-underline-offset: 6px;
}

span.cx-text--medium {
  font-weight: 600;
}

span.cx-text--semibold {
  font-weight: 600;
}

span.cx-text--bold {
  font-weight: 700;
}

@media (min-width: 768px) and (max-width: 968px){
  h1 {
    font-size: 33px;
    line-height: 1;
  }

  h2 {
    font-size: 23px;
  }

  h3 {
    font-size: 20px;
  }

  span {
    font-size: 16px;
  }

  span.cx-text-large-extra {
    font-size: 32px;
  }

  span.cx-text-title {
    font-size: 28px;
    line-height: 40px;
  }

  span.cx-text--f24 {
    font-size: 18px;
  }
}

@media (max-width: 767.98px) {
  h1 {
    font-size: 22px;
    line-height: normal;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 18px;
  }

  span {
    font-size: 14px;
  }

  .cx-text--right,
  .cx-text--left {
    text-align: center;
  }

  span.cx-text--f40,
  span.cx-text-title,
  span.cx-text-title--f40 { 
    font-size: 22px;
    line-height: 32px;
  }

  span.cx-text-medium--f28,
  span.cx-text-medium--f24,
  span.cx-text-xlarge,
  span.cx-text-large {
    font-size: 18px;
  }

  span.cx-text--f24,
  span.cx-text-medium {
    font-size: 16px;
  }

  .cx-text-no-line-break li br,
  .cx-text-no-line-break br {
    display: none;
  }

  span.cx-text-large-extra {
    font-size: 24px;
  }

  span.cx-text-medium--f20,
  span.cx-text-mobile-f14 {
    font-size: 14px;
  }


}