:root {
    --theme-color: #3F51B5;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
  }
  
  p,
  a,
  span,
  label,
  button,
  ul,
  li,
  input,
  textarea {
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
  }
  
  a {
    color: inherit;
    text-decoration: none;
  }
  
  .b-radius-5 {
    border-radius: 5px !important;
  }
  
  .b-radius-10 {
    border-radius: 10px !important;
  }
  
  .t-xx-sm {
    font-size: 10px !important;
  }
  
  .t-x-sm {
    font-size: 13px !important;
  }
  
  .t-sm {
    font-size: 15px !important;
  }
  
  .t-md {
    font-size: 18px !important;
  }
  
  .t-lg {
    font-size: 22px;
  }
  
  .t-x-lg {
    font-size: 26px;
  }
  
  .t-xx-lg {
    font-size: 30px;
  }
  
  .t-xxx-lg {
    font-size: 35px;
  }
  
  .t-xxxx-lg {
    font-size: 40px;
  }
  
  .t-xxxxx-lg {
    font-size: 45px;
  }
  
  .t-xxxxxx-lg {
    font-size: 50px;
  }
  
  .t-extra-lg {
    font-size: 60px;
  }
  
  .t-extra-x-lg {
    font-size: 70px;
  }
  .t-white {
    color: white;
  }
  
  .t-blue {
    color: #0a009c;
  }
  
  .letter-spacing-1 {
    letter-spacing: 1px !important;
  }
  
  .f-weight-300 {
      font-weight: 300 !important;
    }
  
  .f-weight-500 {
    font-weight: 500 !important;
  }
  
  .f-weight-600 {
      font-weight: 600 !important;
    }
  
  .t-gray {
    color: gray !important;
  }
  
  .text-right {
    text-align: right !important;
  }
  
  .theme-color {
    color: var(--theme-color) !important;
  }
  
  .bg-theme-color {
    background-color: var(--theme-color) !important;
  }
  
  .bg-theme-color-nio {
    background-color: var(--theme-color) !important;
  }
  
  .text-left {
    text-align: left;
  }
  
  .float-right {
    float: right;
  }
  
  .text-justify{
    text-align: justify !important;
  }