@font-face {
    font-family: 'Gotham Ultra';
    src: url('../fonts/Gotham-UltraItalic.woff2') format('woff2'),
        url('../fonts/Gotham-UltraItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Extra';
    src: url('../fonts/Gotham-ExtraLight.woff2') format('woff2'),
        url('../fonts/Gotham-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('../fonts/Gotham-Ultra.woff2') format('woff2'),
        url('../fonts/Gotham-Ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-ThinItalic.woff2') format('woff2'),
        url('../fonts/Gotham-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Thin.woff2') format('woff2'),
        url('../fonts/Gotham-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-MediumItalic.woff2') format('woff2'),
        url('../fonts/Gotham-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-LightItalic.woff2') format('woff2'),
        url('../fonts/Gotham-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/Gotham-BookItalic.woff2') format('woff2'),
        url('../fonts/Gotham-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-BoldItalic.woff2') format('woff2'),
        url('../fonts/Gotham-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-BlackItalic.woff2') format('woff2'),
        url('../fonts/Gotham-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Black.woff2') format('woff2'),
        url('../fonts/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Extra';
    src: url('../fonts/Gotham-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Gotham-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



:root {
  --heading-font-family: 'Gotham';
  --heading-font-weight: 400;
  --heading-font-size: 2rem;
  --heading-line-height: 1.8rem;
  --heading-letter-spacing: -0.01rem;

  --subheading-font-family: 'Gotham';
  --subheading-font-weight: 300;
  --subheading-font-size: 1.3rem;
  --subheading-line-height: 1.6rem;
  --subheading-letter-spacing: -0.01rem;

  --title-font-family: 'Gotham';
  --title-font-weight: 400;
  --title-font-size: 1rem;
  --title-line-height: 1.3rem;
  --title-letter-spacing: -0.01rem;

  --body-font-family: 'Gotham';
  --body-font-weight: 300;
  --body-font-size: 1.1rem;
  --body-line-height: 1.5rem;
  --body-letter-spacing: -0.01rem;

  --nav-bar-font-family: 'Gotham';
  --nav-bar-font-weight: 400;
  --nav-bar-font-size: 0.98rem;
  --nav-bar-line-height: 1.1rem;
  --nav-bar-letter-spacing: -0.01rem;


  --top-bar-font-family: 'Gotham';
  --top-bar-font-weight: 300;
  --top-bar-font-size: 0.9rem;
  --top-bar-line-height: 2.1rem;
  --top-bar-letter-spacing: -0.01rem;
  --top-bar-bg-color: #3aafa9;
  --top-bar-text-color: #ffffff;

  --th-primary-color: #3aafa9;
  --th-secondary-color: #3aafa9;
  --th-primary-soft-color: #DEF2F1;
  --th-primary-text-color: #212529;

}

.th-primary-bg-color{
  background-color: var(--th-primary-color);
  color: var(--th-primary-soft-color);
}
.th-primary-bg-color a{
  color: var(--th-primary-soft-color);
}

.th-primary-soft-bg-color{
  background-color: var(--th-primary-soft-color);
  color: var(--th-primary-color);
}

.th-primary-soft-bg-color a{
    color: var(--th-primary-color);
}
.th-primary-border-color{
  border-color: var(--th-primary-color)!important;
}

.th-soft-border-color{
  border-color: var(--th-primary-soft-color)!important;
}

.btn-primary {
    background-color: transparent;
    color: var(--th-primary-color);
    border-color: var(--th-primary-color);
    border-radius: 0;
    font-weight: 400;
}
.btn-primary:hover{
    color:#fff;
    background-color:  var(--th-primary-color);
    border-color: var(--th-primary-color);
}

.btn-soft-secondary {
    color: var(--th-primary-color);
    background-color: var(--th-primary-soft-color);
    border-color: transparent;
    border-radius: 0;
    font-weight: 300;
}
.btn-soft-secondary:hover{
    background-color:var(--th-primary-color);
    color: #fff;
}
.th-secondary-text-color{
    color: var(--th-secondary-color);
}
.th-primary-text-color{
    color: var(--th-primary-color);
}

body{
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
    color: var(--th-primary-text-color);
}
a{
    color: var(--th-primary-text-color);
    text-decoration: none;
}
a:hover{
   color: var(--th-primary-color); 
}

.heading{
	font-family: var(--heading-font-family);
    font-size: var(--heading-font-size);
    font-weight: var(--heading-font-weight);
    line-height: var(--heading-line-height);
    letter-spacing: var(--heading-letter-spacing);
    /*color: var(--th-primary-color);*/
}

.subheading{
    font-family: var(--subheading-font-family);
    font-size: var(--subheading-font-size);
    font-weight: var(--subheading-font-weight);
    line-height: var(--subheading-line-height);
    letter-spacing: var(--subheading-letter-spacing);
    /*color: var(--th-primary-color);*/
}
.title{
	font-family: var(--title-font-family);
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    /*color: var(--th-primary-color);*/
}


.header-top-bar{
  font-family: var(--top-bar-font-family);
  font-size: var(--top-bar-font-size);
  font-weight: var(--top-bar-font-weight);
  line-height: var(--top-bar-line-height);
  letter-spacing: var(--top-bar-letter-spacing);
  color: var(--top-bar-text-color);
  background-color: var(--top-bar-bg-color);
}
.header-top-bar a{
    color: var(--top-bar-text-color);
}


.navbar-nav a{
	font-family: var(--nav-bar-font-family);
    font-size: var(--nav-bar-font-size);
    font-weight: var(--nav-bar-font-weight);
    line-height: var(--nav-bar-line-height);
    letter-spacing: var(--nav-bar-letter-spacing);
    color: var(--th-primary-color)!important;
    position: relative;
}

.navbar-nav a.nav-link.active:after, .navbar-nav li.nav-item:hover a.nav-link:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 60%;
    top: 70%;
    border: 1px solid var(--th-primary-color);
    margin: auto;
}
.top-header .navbar-nav li.nav-item:last-child a.nav-link:after{
    left: 12px;
}
::-webkit-scrollbar {
width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--th-primary-soft-color);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--th-primary-color);
}