@charset "utf-8";
/* CSS Document */

:root {
  --sm-primary: #006BB5;
  --sm-primary-dark: #3a5c9a;
  --sm-navy: #00233E;
  --sm-text: #3a4256;
  --sm-surface: #f5f6f8;
  --sm-soft-blue: #eef2fa;
  --sm-success: #4e9b6f;
  --sm-warning: #e8743b;
  --sm-border: rgb(3 19 46 / 8%);
  --sm-shadow: 0 20px 50px rgb(3 19 46 / 12%);
}

body { 
	color: var(--sm-navy); 
	font-family: "IBM Plex Sans", sans-serif;
	hyphens: auto;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6,  { 
	color: var(--sm-navy); 
}
.text-secondary {
	color: var(--sm-text)!important;
}

a {
	color: var(--sm-primary);
}

.sm-pimary {
	color: var(--sm-primary)!important;
}

.sm-success{
	color: var(--sm-success);
}

.sm-warning {
	color: var(--sm-warning);
}

.bg-light {
	background-color: var(--sm-surface)!important;
}

a{
	text-decoration: none; 
}
a:hover { 
	color: var(--sm-primary-dark); 
}