html {  font-size: 16px; font-weight: 400;  font-style: normal;}
body, html {  position: relative;  overflow-x: hidden;}
body{letter-spacing: normal;font-size: 16px;}
p {font-style: normal;}
  
h1, h2, h3, h4, h5, h6 { font-optical-sizing: auto;  font-style: normal;color: var(--primary)}
h1{font-size:2.25rem;line-height:1.1;margin-top:0;margin-bottom:.5rem}h2{font-size:1.75rem;line-height:1.2;margin-top:1rem;margin-bottom:.5rem}h3{font-size:1.5rem;line-height:1.3;margin-top:1rem;margin-bottom:.5rem}h4{font-size:1.25rem;line-height:1.35;margin-top:1rem;margin-bottom:.5rem}h5{font-size:1.125rem;line-height:1.4;margin-top:1rem;margin-bottom:.5rem}h6{font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:.5rem}

a:hover { text-decoration: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--secondary) ;}
a {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--primary);}

.make-relative {position: relative}
.clear{clear:both;height:0}.clear10{clear:both;height:10px}.clear15{clear:both;height:15px}.clear20{clear:both;height:20px}.clear30{clear:both;height:30px}.clear40{clear:both;height:40px}.clear50{clear:both;height:50px}.clear60{clear:both;height:60px}
section.section {background: transparent;}
.card-body {color: var(--default);}