@font-face {
    font-family: 'YourFontName'; /* Give your font a name */
    src: url('font/TitilliumWeb-Bold.ttf') format('ttf'); /* Format and path to the font file */
    /* Include additional formats if needed */
    font-weight: normal; /* Font weight */
    font-style: normal; /* Font style */
  }
  
  /* Additional styling using the font */
  body {
    font-family: 'ui-monospace'; /* Use the font in your styles */
  }
  
/*
  body::after {
    content: "";
    background: url('media/demo/background_pattern/vector-1.jpeg');
    opacity: 0.1; /* Adjust the opacity level as needed 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: -1;
    }
*/
    .parallax-section {
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .parallax-content {
      padding: 5%;
      background-color: #126F7D;
    }


  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #126F7D;
  }

.nav-link {
  
    color: black;
    
}

.brandcolor {
  background-color: #126F7D;
  
}

.brandcolor2 {
  background-color: #48B8BD;
  
}