@font-face {
  font-family: "main";
  src: url("fonts/test-financier-display-bold.woff2") format('woff');
}

@font-face {
  font-family: "submain";
  src: url("fonts/calibre.woff2") format('woff');
}



* {
  font-family: submain;
  font-size: large;
}

.heading {
  font-weight: 700;
  font-size: 1.5em;
}


button {
  background-color: #003F2D;
  color: #FFF;
  border: none;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.8em;
  padding-right: 0.8em;
}

button:hover {
  color: #003F2D;
  background-color: #17E88F;
}

.custom-header {
    background-color: #012A2D;
    color: #fff;
}

.nav-link {
  color: #003F2D !important;
}

.pro-name {
    font-family: main;
}

.tab {
                overflow: hidden;
                border: 1px solid #ccc;
                background-color: #f1f1f1;
              }

              /* Style the buttons inside the tab */
              .tab button {
                background-color: inherit;
                float: left;
                border: none;
                outline: none;
                cursor: pointer;
                padding: 14px 16px;
                transition: 0.3s;
                font-size: 17px;
              }

              /* Change background color of buttons on hover */
              .tab button:hover {
                background-color: #ddd;
              }

              /* Create an active/current tablink class */
              .tab button.active {
                background-color: #ccc;
              }

              /* Style the tab content */
              .tabcontent {
                display: none;
                padding: 6px 12px;
                border: 1px solid #ccc;
                border-top: none;
              }