@charset "UTF-8";
/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2024 Indian Type Foundry
*
* Satoshi Regular 400
* Satoshi Italic 400
* Satoshi Medium 500
* Satoshi Medium Italic 500
* Satoshi Bold 700
* Satoshi Bold Italic 700
* Satoshi Black 800
* Satoshi Black Italic 800
*
*/

@font-face {
  font-family: 'Satoshi';
  src: url('https://go.tradespace.io/rs/366-JDG-962/images/Satoshi-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://go.tradespace.io/rs/366-JDG-962/images/Satoshi-Italic.woff') format('woff');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://go.tradespace.io/rs/366-JDG-962/images/Satoshi-Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://go.tradespace.io/rs/366-JDG-962/images/Satoshi-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://go.tradespace.io/rs/366-JDG-962/images/Satoshi-Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://go.tradespace.io/rs/366-JDG-962/images/Satoshi-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://go.tradespace.io/rs/366-JDG-962/images/Satoshi-Black.woff') format('woff');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://go.tradespace.io/rs/366-JDG-962/images/Satoshi-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

body {
	font-family: 'Satoshi', sans-serif !important;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.45em;
	color: var(--gray);
	/*This fixes an issue with Chrome rendering fonts*/
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

p {
	font-family: inherit;
	font-weight: 400;
    font-size: 1rem;
    line-height: 1.45em;
    margin-bottom: 0 !important;
    color: var(--gray);

	/*This fixes an issue with Chrome rendering fonts*/
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

p + p {
	margin-top:1.25em;
	margin-bottom: 1.25em !important;
}

p + h2,
p + h3,
p + h4,
p + h5{
	margin-top:1.25em;
}

.lead-copy p{
    font-size: 1.125rem;
    font-weight: 400;
}

.small-copy p{
    font-size: 0.825rem;
    font-weight: 400;
}

div, dl, dt, dd, ol, li,
pre, form, p, th, td {
	margin: 0;
	padding: 0;
	direction: ltr;
}

hr{
    max-width: 100%;
    margin: 6em auto !important;
    border-top: none !important;
    border-bottom: 1px solid var(--borders);
}

ul{
    margin:0.55em 0 2em 3em;
	text-align: left;
    font-size: 0.95rem;
    display: block;
}

ol{
    margin:0.55em 0 1em 1em;
	text-align: left;
    font-size: 15px;
    display:block;
}

ul ul{
	margin-bottom:.25em;
    margin-left: 3em;
}

ol li{
    list-style-type: auto;
	border-bottom: none;
	margin-bottom:0.75em;
}

li{
	line-height:1.5em;
	margin-bottom:  0.85em;
}


strong, b {
    font-weight: 700;
}

em, i {
    font-style: italic;
}

sup {
    top: -0.25em;
}

blockquote{
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
}

blockquote,
blockquote p{
    font-size: 1.25rem;
    color: var(--gray);
    line-height: 1.35em;
    font-style: normal;
    font-weight: 400;
}

blockquote {
    padding-left: 2em;
}

.lead-copy{
    font-size: 1.25rem;
    color: var(--black-blue);
    line-height: 1.35em;
    font-style: normal;
    font-weight: 400;
}


.hero-copy,
.hero-copy p{
    font-size: 1.5rem;
    color: var(--black-blue);
    line-height: 1.35em;
    font-style: normal;
    font-weight: 400;
}

.hero-copy li,
.hero-copy li p{
   color: var(--gray); 
}

.lead-copy,
.lead-copy p{
    font-size: 1.25rem;
    color: var(--gray);
    line-height: 1.35em;
    font-style: normal;
    font-weight: 400;
}

.small-copy,
.small-copy p{
    font-size: 0.825rem;
    color: var(--gray);
}


.lead-copy li,
.lead-copy li p{
    font-size: 1.25rem;
    color: var(--gray);
}

/* @Global Links
===================================== */


a, a:link,
a:visited {
    color: var(--blue);
    text-decoration: none;
    font-weight: 500;

    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

a:hover,
a:active {
    color: var(--hover);
    text-decoration: none;
}

a:focus{
    box-shadow: none !important;
    text-decoration: none !important;
    background: transparent !important;
    background-color: transparent !important;
    
    outline: 1px dashed var(--blue) !important;
    outline-offset: 1px;
}

/* @end General Text Elements
===================================== */

/* Heading Text Elements
===================================== */
table thead,
.btn,
.button,
button,
label,
input[type=submit],
#navWrapper li,
.off-canvas-list,
label,
h1, h2, 
h3, h4{
    font-family: 'Satoshi', sans-serif;
	line-height: 1.45em;
    
    position: relative;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

h1, h2, 
h3, h4, h5{
    margin-bottom:0.55em;
}

/* @end General Text Elements
===================================== */

/* @Headings (H1)
===================================== */
h1{
    font-weight: 500;
    color: var(--black-blue);
    font-size: clamp(44px, 5vw, 50px);
    line-height: clamp(54px, 5vw, 60px);
    letter-spacing: -0.04em;
}

h1 a,
h1 a:visited,
h1 a:link{
	color: var(--blue);
}

h1 a:hover,
h1 a:active{
	color: var(--hover);
	text-decoration: none;
}

h1 span{
    background: -webkit-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: -o-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: linear-gradient(to right, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* @end Headings (H1)
===================================== */


/* @Headings (H2)
===================================== */
h2,
.client-quote,
.client-quote p{
    font-size: clamp(34px, 5vw, 40px);
    line-height: clamp(44px, 5vw, 50px);
    letter-spacing: -0.04em;
    font-weight: 500;
    color: var(--black-blue);
    margin-bottom: 0.75em;
}

h2 a,
h2 a:visited,
h2 a:link {
	color: var(--blue);
}

h2 a:hover,
h2 a:active{
	color: var(--hover);
	text-decoration: none;
}

h2 span,
.client-quote span,
.client-quote span p{
    background: -webkit-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: -o-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: linear-gradient(to right, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* @end Headings (H2)
===================================== */

/* @Headings (H3)
===================================== */
h3{
    font-size: clamp(28px, 5vw, 32px);
    line-height: clamp(32px, 5vw, 40px);
    letter-spacing: -0.04em;
    font-weight: 500;
    color: var(--black-blue);
    margin-bottom: 0.75em;
}

h3 a,
h3 a:visited,
h3 a:link {
	color: var(--blue);
}

h3 a:hover,
h3 a:active{
	color: var(--hover) !important;
	text-decoration: none;
}

h3 span{
    background: -webkit-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: -o-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: linear-gradient(to right, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-small-widget h3{
    margin-bottom: 0.55em;
}
/* @end Headings (H3)
===================================== */

/* @Headings (H4)
===================================== */
h4{
	font-size: 1.5rem;
    font-weight: 500;
    color: var(--black-blue);
    margin-bottom: 0.25em;
}

h4 a,
h4 a:visited,
h4 a:link {
	color: var(--blue);
}

h4 a:hover,
h4 a:active{
	color: var(--hover);
	text-decoration: none;
}

h4 span{
    background: -webkit-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: -o-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: linear-gradient(to right, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* @end Headings (H4)
===================================== */

/* @Headings (H5)
===================================== */
h5{
	font-size: 1.125rem;
    font-weight: 500;
    color: var(--black-blue);
    text-transform: none;
}

h5 a,
h5 a:visited,
h5 a:link {
	color: var(--blue);
}

h5 a:hover,
h5 a:active{
	color: var(--hover);
	text-decoration: none;
}

h5 span{
    background: -webkit-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: -o-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: linear-gradient(to right, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* @end Headings (H5)
===================================== */

/* @Headings (H6)
===================================== */
h6{
	font-size: 0.75rem;
    font-weight: 500;
    color: var(--blue);
    text-transform: uppercase;
    letter-spacing: 0.055em;
}

h6 a,
h6 a:visited,
h6 a:link {
	color: var(--blue);
}

h6 a:hover,
h6 a:active{
	color: var(--hover);
	text-decoration: none;
}

h6 span{
    background: -webkit-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: -o-linear-gradient(left, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    background: linear-gradient(to right, #126bfb 0%, #1c9fff 50%, #f62069 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* @end Headings (H6)
===================================== */


/* @Label
===================================== */
.mktoForm .mktoLabel,
label,
label a,
label a:visited,
label a:link {
    font-size: 0.875rem;
    font-weight: 500 !important;
    color: var(--gray);
    text-transform: none;
    margin-bottom: 0.55em;
}

label a:hover,
label a:active{
    color: var(--hover);
}
/* @end Label
===================================== */

.white,
.white p,
.white label,
.white label.description,
.white p, 
.white h1,
.white h2, 
.white h3,
.white h4,
.white h5,
label.white,
p.white, 
h1.white,
h2.white, 
h3.white,
h4.white,
h5.white,
h1.white a,
h2.white a, 
h3.white a,
h4.white a,
h5.white a,
.white h1 a,
.white h2 a, 
.white h3 a,
.white h4 a,
.white h5 a,
h1.white a:link,
h2.white a:link, 
h3.white a:link,
h4.white a:link,
h5.white a:link,
.white h1 a:link,
.white h2 a:link, 
.white h3 a:link,
.white h4 a:link,
.white h5 a:link{
	color: var(--white);
}


@media only screen and (max-width: 1080px) {
    
    .hero-copy li, 
    .hero-copy li p{
        font-size: 1.25rem;
    }

    .lead-copy li, 
    .lead-copy li p{
        font-size: 1.125rem;
    }


    
    hr {
        margin: 4em auto !important;
    }
    

}