:root {
  --primary: #0F0A64;
  --secondary: green;
  --info: green;
  --danger: red;
  --dark: #000000;
  --light: #F3F3F3;
  --black: #000000;
  --white: #ffffff;
}
body {
  color: var(--dark);
}
/*set colors*/
.text-primary {
  color: var(--primary) !important;
}
.bg-primary {
  background-color: var(--primary) !important;
}
.border-primary {
  border-color: var(--primary) !important;
}
/*-----*/
.text-secondary {
  color: var(--secondary) !important;
}
.bg-secondary {
  background-color: var(--secondary) !important;
}
.border-secondary {
  border-color: var(--secondary) !important;
}
/*-----*/
.text-info {
  color: var(--info) !important;
}
.bg-info {
  background-color: var(--info) !important;
}
.border-info {
  border-color: var(--info) !important;
}
/*-----*/
.text-danger {
  color: var(--danger) !important;
}
.bg-danger {
  background-color: var(--danger) !important;
}
.border-danger {
  border-color: var(--danger) !important;
}
/*-----*/
.text-dark {
  color: var(--dark) !important;
}
.bg-dark {
  background-color: var(--dark) !important;
}
.border-dark {
  border-color: var(--dark) !important;
}
/*-----*/
.text-black {
  color: var(--black) !important;
}
.bg-black {
  background-color: var(--black) !important;
}
.border-black {
  border-color: var(--black) !important;
}
/*-----*/
.text-white {
  color: var(--white) !important;
}
.bg-white {
  background-color: var(--white) !important;
}
.border-white {
  border-color: var(--white) !important;
}
/*-----*/
.text-light {
  color: var(--light) !important;
}
.bg-light {
  background-color: var(--light) !important;
}
.border-light {
  border-color: var(--light) !important;
}
/*-----*/

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0F0A64;
  }

  .nav-pills .nav-link {
    color: #0F0A64;
    background-color: #F5F5F5;
    border: 0;
    border-radius: 0.25rem;
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 90%;
    margin: auto;
}

.tab-content>.active {
    display: flex;
}







@media screen and  ( max-width:1024px) {
.p-line {
  font-size: 1rem !important;
}
}